web typography

http://webtypography.net/toc/
Per troppo tempo stili tipografici di accompagnamento e l'attenzione per i dettagli sono stati trascurati dai progettisti sito web, in particolare nel corpo-copia.

In years gone by this could have been put down to the technology, but now the web has caught up.
Negli anni passati questo si sarebbe potuto attribuire alla tecnologia, ma ora il web sembra che abbia recuperato.

The advent of much improved browsers, text rendering and high resolution screens, combine to negate technology as an excuse.
L'avvento di browsers molto migliorati , il rendering di testo e gli schermi ad alta risoluzione, concorrono a prendere la tecnologia come pretesto.

In order to allay some of the myths surrounding typography on the web, I have structured this website to step through Bringhurst’s working principles, explaining how to accomplish each using techniques available in HTML and CSS .
Al fine di fugare alcuni dei miti che circondano la tipografia sul web, ho strutturato questo sito Bringhurst nei principi di attività , che spiega come compiere ogni mezzo di tecniche disponibili in formato HTML e CSS.

The future is considered with coverage of CSS3 , and practicality is ever present with workarounds, alternatives and compromises for less able browsers.
Il futuro è considerato con la copertura di CSS3, e di praticità è sempre presente con soluzioni alternative e meno compromessi per browser meno capaci

At the time of writing, this is a work in progress.
Al momento di scrivere, si tratta di un lavoro in corso
You can subscribe to an RSS feed for notification of new additions.
Puoi iscriverti a un feed RSS per la notifica di nuove aggiunte.

I am excluding those principles which are not relevant to the Web or that do not require a technical explanation.
Sono esclusi i principi che non sono pertinenti al Web o che non richiedono una spiegazione tecnica.

Unfortunately this excludes the entire opening chapter, the Grand Design, which I heartily recommend you read as it lays down the foundations, philosophy and approach to good typography in any medium.
Purtroppo questo esclude l'intero capitolo di apertura, il Grand Design, che Raccomando vivamente di leggere in quanto stabilisce le basi, la filosofia e approccio alla buona tipografia a qualsiasi mezzo.

1. 2

   Rhythm & Proportion

   1. 2.1

      Horizontal Motion

      1. 2.1.1 Define the word space to suit the size and natural letterfit of the font
      2. 2.1.2 Choose a comfortable measure
      3. 2.1.3 Set ragged if ragged setting suits the text and page
      4. 2.1.4 Use a single word space between sentences
      5. 2.1.5 Add little or no space within strings of initials
      6. 2.1.6 Letterspace all strings of capitals and small caps, and all long strings of digits
      7. 2.1.7 Don't letterspace the lower case without a reason
      8. 2.1.8 Kern consistently and modestly or not at all
      9. 2.1.9 Don't alter the widths or shapes or letters without cause
      10. 2.1.10 Don't stretch the space until it breaks
   2. 2.2

      Vertical Motion

      1. 2.2.1 Choose a basic leading that suits the typeface, text and measure
      2. 2.2.2 Add and delete vertical space in measured intervals
   3. 2.3

      Blocks & Paragraphs

      1. 2.3.1 Set opening paragraphs flush left
      2. 2.3.2 In continuous text mark all paragraphs after the first with an indent of at least one en
      3. 2.3.3 Add extra lead before and after block quotations
      4. 2.3.4 Indent or center verse quotations
   4. 2.4

      Etiquette of Hypenation & Pagination

      1. 2.4.1 At hyphenated line-ends, leave at least two characters behind and take at least three forward
      2. 2.4.3 Avoid more than three consecutive hyphenated lines
      3. 2.4.5 Hyphenate according to the conventions of the language
      4. 2.4.6 Line short numerical and mathematical expressions with hard spaces

2. Reference

   1. Bibliography

— Richard Rutter, Brighton, 2005.