CSS

Choosing cvXY and ssXY

Forums: 

Is there any informal standard on how to choose which character variant (cv01 through cv99) or stylistic set (cv01 through cv20) a certain glyph or group of glyphs should go into?
Alternatively, has someone conducted a survey what actual typefaces put in these features?

With CSS Fonts 3, there is a higher-level language to add mnemonics for these enumerated features (and some more) when used with the font-variant-alternates property.

@font-feature-values FontFamilyName {
@styleset {insular: 1; uncial: 2; unicase: 3;} /* ssXY */
@character-variant {initial: 1; medial: 2; final: 3;} /* cvXY */
@stylistic {cute: 1;} /* salt index */

Opinions on the under-supported CSS text-align-last

Forums: 

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.

Sous Style Font ID - Sans and Serif Font ID??

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

Scriptology

Forums: 

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.

Point v Point

Forums: 

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 }

Hinting, Helvetica, Nimbus Sans and CSS

Forums: 

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.

Pixels or Ems

Forums: 

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?

Use BBT Font on your Blogs - Press Release

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">http://i33.tinypic.com/33epjja.png"

css typography

Forums: 

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

Dreamweaver, Web, CSS and HTML for typographers

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.