typography

Font size in pixels

On an iPhone how do I calculate the size of a character in pixels for a given point size? ...

What is the best way to present source code, both offline and in books?

Being somewhat typographically obsessed, I am curious: what is the best way to present code - both online and offline. In particular, I'm interested in: What kinds of typefaces and sizes work best online and offline? Is it better to use proportional fonts for code (e.g., like Stroustrup does in 'The C++ Programming Language')? Serif, s...

How to determine if web page user has font installed?

Is there a way to determine over the web if a user has a particular font installed? ...

Lyrics translation in html

How to represent lyrics and corresponding translation strophe in HTML? just an example: Может, поздно, может, слишком рано, Maybe, it's too late or, maybe, early, И о чем не думал много лет, It has not occurred to me for years, Походить я стал на Дон-Жуана, I resemble now Don Juan, really, Как запра...

@font-face isn't working in Firefox 3.5?

I have an OpenType font being referenced in a CSS file, but it doesn't seem to work in Firefox 3.5. It works perfectly in Safari. The font is being referenced relatively, and is hosted on the same server, but in another sub-directory: @font-face { font-family:'Font Name'; src:url(../fonts/Font-Name.otf) format('opentype') } Has anyone...

sIFR3 show text while loading

Hi, I am using sIFR3 on a website. I remember in sIFR2 you coul use this sIFR.bHideBrowserText = false; to show the text before sIFR kicks in. How do you do this in sIFR3 and where do you put the code? Thanks for your help. C ...

sIFR letters narrower than original font

I am using corporate(expensive) font-family Gotham. The problem i'm having is that the sIFR font is slightly narrower that the original fonts which doesn't do the font justice. Is there a reason for this? Is there anything i can do about it? ...

newspaper articles link href

How do I change the link href to css, js code for each article without manually doing it? Each article I write is seperated into different folders and I start each article with one template that links to css/reset.css etc. This is my sample article template code: Sample Article Page <link href="css/slide...

Text alignment in SVG

How to make text with proportional font but an equal number of characters per line fully justified in SVG text box? Preferably with an svg-code example if it's possible. ...

generative typography ?

How would you define/create generative typography ? I thought also of some sort of "intelligent" adaption. For example a font that uses serifs in certain condition or not… Are there some findings in how you could access the vectors of a font in actionscript ? ...

Sentence Spacing

What is the best way to present the additional spacing that should come between sentences (using [X]HTML+CSS)? <p>Lorem ipsum. Dolor sit amet.</p> ^^ wider than word spacing Since HTML and XML both require whitespace folding, the above two spaces must behave as a single space. What options are there? There are a few o...

@font-face and font-variant bad idea?

if i use @font-face font and font-variant: small-caps for the same selector the font will fallback to the next system default font in safari. how do i get around that? ...

How do I enable kerning in WPF?

I am trying to enable kerning in my WPF TextBlock as in <TextBlock FontFamily="Garamond" FontSize="120" Typography.Kerning="True">Table</TextBlock> <TextBlock FontFamily="Garamond" FontSize="120" Typography.Kerning="False">Table</TextBlock> However, setting Kerning to True or False does not seem to make any difference. What I am doing...

Kerning in vb.net

Does anyone know how to change the kerning (space between characters) in vb.net? For example, i would like to change "STRING" to "S T R I N G". If possible i would like to be able to create my own font where i can specify the kerning as i wish! Thanks in advance! ...

Can anyone explain "em is relative to the font size and % is relative to the parent element" by example?

Can anyone explain "em is relative to the font size and % is relative to the parent element" by example? What is the means of relative to the font size and relative to the parent element? ...

Does SIFR work well cross-browser?

I have seen a few sites now that use SIFR, and I can see the benefits. I have (quickly) looked into other plugins similar, but SIFR seems to be quite good. So it good in terms of cross-browser compatibility? ...

sifr3 + safari4 osx page zoom

Hi - is there something in the implementation of Safari4 page zoom that trips up sifr3's width calculations? When I use the browser zoom feature [zoom text unselected] on the Official SIFR3 Demo (http://dev.novemberborn.net/sifr3/beta2/demo/) on OSX Safari 4.0+, the replaced h1 text starts moving to the right and eventually the white ba...

align headings to same baseline, regardless following text?

Hi, is there a way to align first line of multiple headings of various size to the same baseline? Also regardless to the text that follows, which should be aligned as well. See picture at http://snapplr.com/snap/z1mw please EDIT: re-uploaded: It seems to me the only solution is to put each heading and each body text into separate ...

replace character (space with &nbsp;) across whole webpage using javascript/jQuery

Hi, So I figured out that the replace function, that finds all single-letter "words" (prepositions and conjunction, etc.) and replace the space after them with a &nbsp; to prevent leaving these characters at the end of line, should be something like myString.replace(/\s\w(?=\s)/,"$1&nbsp;") Now how do I apply it to all text on a webp...

JavaScript regex replace - but only part of matched string?

I have the following replace function myString.replace(/\s\w(?=\s)/,"$1\xA0"); The aim is to take single-letter words (e.g. prepositions) and add a non-breaking space after them, instead of standard space. However the above $1 variable doesn't work for me. It inserts text "$1 " instead of a part of original matched string + nbsp. Wh...