11: Typography on the web

Forums » Article Discussions

Discuss the articles posted on Dev.Opera.

Note: You need to login to post in the forums. if you don't have an account you first need to sign up.

By paul-haine Tuesday, 8. July 2008, 07:12:35

Typography - what typefaces you choose for your design and how you choose to position your text - is an important on the web as it is in printed work, but web typography is a bit more limited. In this article Paul Haine takes you through all the basics of web typography, its limitations and theory.

( Read the article )

By Ton-Lankveld Wednesday, 16. July 2008, 15:53:09

If you use a printer style sheet to control the typography of the print, you want to know which fonts are available. To my knowledge, printer fonts are stored on the printer and not in the Operating System of the PC. So, the selection of fonts depends on the manufacturer and type of printer.

Is there a list of most commonly available fonts for printers?

By scarby421 Thursday, 24. July 2008, 10:45:32

Drop caps p:firstletter { } should be p:first-letter { }

By Erinyes Friday, 3. April 2009, 18:31:25

Originally posted by article:

the web is not print

@encoding "ISO-8859-1";

@media print {
   /* Oh noes a document only for printing! */  
}

What the web is not is: "just for screen".

Originally posted by article:

These can be typed in by hand, but a lot of content management software can convert or insert these for you with ease.

/offtopic: You can use a a text expander like PhraseExpress to automatically convert shortcuts like (r) (c) to html entities. I also use it to expand templates when I simply wish to do a fast test, just assign the code to expand on "<html></html>" for example.

Since you bothered making references to typography maybe it would be a good idea to write on how typefaces are desingned 1) particular sizes (small fonts should use simple glyphs) 2) particular use (in particular titles/text - for example Impact is a title font; but not limited to).

Also consider adding small code snippets here and there or a example page ("here's code, here's what you get")

By chrismills Monday, 6. April 2009, 22:28:28

Originally posted by Erinyes:

/offtopic: You can use a a text expander like PhraseExpress to automatically convert shortcuts like (r) (c) to html entities. I also use it to expand templates when I simply wish to do a fast test, just assign the code to expand on "<html></html>" for example.Since you bothered making references to typography maybe it would be a good idea to write on how typefaces are desingned 1) particular sizes (small fonts should use simple glyphs) 2) particular use (in particular titles/text - for example Impact is a title font; but not limited to).Also consider adding small code snippets here and there or a example page ("here's code, here's what you get")

Some good comments here; I have added a link to the text styling with CSS article, as that contains all the teachings on CSS usage for fonts. I have also added a note about correct usage of fonts.

Login

Forums » Article Discussions

11: Typography on the web