CSS

I was wondering what peoples opinions on the very under-supported (IE5.5 and Firefox) CSS feature called 'text-align-center' are.

I am working on a website project and did some text aligning. Left and center just felt off to me (very subjective, i know), and I was liking the result that text-align: justify was producing. There were some larger gaps between words, as justify normally does, but that can alleviated with things like letter-spacing, word-spacing and other font adjustment properties.

Hi Typophiles,

Wondering if you could help me out with IDing the fonts used on this site: Sous Style. I've also attached a screen shot.

It looks like they're using a serif (in the CSS it specifies Baskerville, but I've not known Baskerville to look like that) and an unknown "Geometric Light" embedded typeface - but I'm having no luck identifying either.

Thanks much!!
Michelle

I made this introduction to typography website a couple weeks back for a class project. I wanted to give the basics of type in a super dumbed-down way. What do you guys think?

http://willryan.us/typefun01/

joeclark's picture

Understanding the CSS ch unit

Standardista Eric Meyer needs expert guidance in understanding the CSS character or ch unit.

Té Rowan's picture

Scriptology

Enclosed is a rather simplistic A/B test script cribbed from stuff on the web and held together with shell-o-tape. It is run on a hacked-on-a-lot asmutils 0.18 httpd, hence the crude CGI interface.

It, and all other scripts attached, are licensed under the WTFPL. In short, you may do Whatever The F* you want to with them.

Té Rowan's picture

Point v Point

I think this is technical enough for Build...

I tossed this little conversion script together today to brush up on my (rather feeble) awk skills. All it does is convert points to mm and spew out some CSS classes. Might be useful for someone...

#! /bin/sh

# Only tested on ash and bash and with GNU awk.

unset Pts
while getopts pt: f
do
 case $f in
  t) Pts="pt=$OPTARG" ;;
 esac
done
shift `expr $OPTIND - 1`

LC_ALL=C awk '
BEGIN            { pts=0.352778 }
pt=="DTP"        { pts=0.352778 }
pt=="Postscript" { pts=0.352778 }
pt=="TeX"        { pts=0.351460 }
pt=="Pica"       { pts=0.351460 }
pt=="Didot"      { pts=0.375972 }
pt=="Cicero"     { pts=0.376065 }
pt=="Berthold"   { pts=0.376000 }
pt=="Imprimerie" { pts=0.400000 }

NF==0 { print }

Firstly, let me preface the post by saying that I am a complete newbie at everything pertaining to fonts, type, css or design, so please, be gentle.

The story thus far is as follows:

I'm designing a web page for a few friends (and myself), so that we have something (anything) online until our organisation has the funding to get a better page up and running. Luckily, I'm not doing the coding, a friend of mine is.

inspirationbit's picture

Pixels or Ems

Hi everyone,

With the recent developments in web typography: web fonts, latest browser upgrades, higher screen resolutions, mobile devices, iPhone, iPad, responsive Web Design, etc, what's the best practice when it comes to setting type on the web, is it better (in terms of usability, accessibility, readability) to set the font size in pixels or ems? What about the margins, padding and line-height?

New standard being installed on latest browsers (some now and later),
for example Mozilla Firefox and IE allows for fonts to be easily used
on Blogs and Websites. This is the Web Open Font Format or WOFF see
http://en.wikipedia.org/wiki/Web_Open_Font_Format

BBT font introduced in 2008 for altering the k/K letter shapes for
spirituality has been updated for this new standard. Now you can use
it on Blogs with easy code snippet called @font-face and some changes
to the Blog CSS stylesheet.

This is a blog using the BBT font as an example: http://BBTfont.blogspot.com

Photo with the BBT font are here:

HTML for Websites < a href="http://tinypic.com?ref=33epjja"
target="_blank">

Nitzan's picture

Vertical Rhythm CSS Framework

I am writing a css framework and could use a minute of the typophile members time

http://bit.ly/vertical-grid-survey

Elk Grove Village, IL – April 14, 2010 – Ascender Corporation, a leading provider of advanced font products, announced a new web fonts service on its www.AscenderFonts.com site to appeal to web designers and web developers.

Web Fonts from Ascender is a new service to format websites with CSS @font-face using licensed downloadable fonts. Web Fonts eliminate the hassles and expense of using Flash, JavaScript or image replacement techniques for headlines. Web Fonts from Ascender also offers high quality text fonts for web designers to extend their typographic choice beyond the limited set of ‘web-safe’ fonts.

laniblaze's picture

css typography

Hi, longtime lurker here, best type site in the world!

I did a search but had no luck, even searched google using the site: command, topics came up, but when clicked on, did not go where it should, so I am posting here. I am a web designer and with some down time, I have been focusing more on type. Do you have any favorite css typography sites that you visit and can recommend?

I found a these and enjoy them.
http://webtypography.net/
http://www.webdesignerwall.com/tutorials/typographic-contrast-flow/
http://www.alistapart.com/topics/design/typography/

Thanks

Nobody else seems to have posted this, so I will: The current CSS3 Fonts Module provides a syntax to use CSS to declare use of a few dozen OpenType properties. If I have the list correct, they are:

  1. afrc
  2. calt, clig
  3. calt, clig
  4. cswh
  5. dlig
  6. dlig
  7. frac
  8. fwid
  9. hist
  10. hlig
  11. hlig
  12. hojo
  13. jp04
  14. jp78
  15. jp83
  16. jp90
  17. liga
  • Main CSS has two validation errors.
  • I think the off-grey text colour (#333) is too light, especially on the grey background. I would just make the text flat black in that case.

I am a traditional typographer having difficulty understanding HTML tools, some are easy, such as emphasis; though why "ital" wasn't used rather than "em" is a mystery; shouldn't "em" have been reserved for an em-space?

The above example is easy to set in typographic programs such as QuarkXPress or InDesign, and the coding made sense on Quadex and other type systems, back in the day. Note that there are hanging numerals in bold, the text is set 9/11, with alignment for breaking lines, and 2 pts additional space between paragraph returns.

The same goes for the superior shown, again, easy in Quark or InDesign, nearly impossible (at least to me) in HTML.

Syndicate content Syndicate content