Rettspraksis.no:Typografi: Forskjell mellom sideversjoner
mIngen redigeringsforklaring |
mIngen redigeringsforklaring |
||
| Linje 14: | Linje 14: | ||
|- | |- | ||
| Skriftstørrelse: | | Skriftstørrelse: | ||
| 15px | | 15px/0.9375em | ||
| Skriftstørrelser: | | Skriftstørrelser: | ||
| | | | ||
| Linje 21: | Linje 21: | ||
| style="background-color:#202122; color: #fff"|#202122 | | style="background-color:#202122; color: #fff"|#202122 | ||
| - Sideittel | | - Sideittel | ||
| 23px | | 23px/1.4375em | ||
|- | |- | ||
| | | | ||
| | | | ||
| - Tittel | | - Tittel | ||
| 21px | | 21px/1.3125em | ||
|- | |- | ||
| | | | ||
| | | | ||
| - Tittel2 | | - Tittel2 | ||
| 18px | | 18px/1.125em | ||
|- | |- | ||
| | | | ||
| | | | ||
| - Tittel3 | | - Tittel3 | ||
| 16px | | 16px/1em | ||
|- | |- | ||
| | | | ||
Sideversjonen fra 10. mai 2021 kl. 00:07
Med fokus på lesvennlighet, er dette typografien som er valgt for Rettspraksis.no.
Med lesevennlighet menes god leseflyt og minst mulig motstand mot å lese store tekstmengder. Det innebærer mørk grå skrift på hvit bakgrunn, for å opprettholde kontrast, uten at det blir for skarpt. Videre er det tatt hensyn til skriftstørrelse, linjeavstand og avstand mellom avsnitt. Overskriftene har tatt rødfarge fra logoen, men gjort mørkere for å gjøre den mindre skarp i lesesynsfeltet.
| Tekst | Overskrifter | ||
|---|---|---|---|
| Skrifttype: | Roboto | Skrifttype: | Roboto |
| Skriftstørrelse: | 15px/0.9375em | Skriftstørrelser: | |
| Farge: | #202122 | - Sideittel | 23px/1.4375em |
| - Tittel | 21px/1.3125em | ||
| - Tittel2 | 18px/1.125em | ||
| - Tittel3 | 16px/1em | ||
| Farge: | #911313 | ||
Roboto har både et mekanisk skjelett og stort sett geometriske former. Samtidig har skrifttypen vennlige og åpne kurver. Mens noen groteske skrifttyper («uten seriffer») forvrenger bokstavformene for å tvinge en stiv rytme, går ikke Roboto på kompromiss, og tillater at bokstavene avgjøres i sin naturlige bredde. Dette gir en mer naturlig leserytme som ofte finnes i skrifttyper med humanistiske former og serif-typer.
Se også
Eksterne lenker
- Google Fonts: Roboto (fonts.google.com)