Design/Light fonts: Difference between revisions
From Nasqueron Agora
< Design
No edit summary |
|||
| (3 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
This note compiles light fonts to use with flat designs, as alternative of the trio Proxima Nova, Open Sans and Source Sans. | |||
== Raleway == | |||
https://www.google.com/fonts/specimen/Raleway | |||
Used in weight 300 by http://explorableexplanations.com/ | |||
== Titillium == | |||
See http://www.google.com/fonts/specimen/Titillium+Web | |||
== DINPro == | == DINPro == | ||
@font-face { | @font-face { | ||
| Line 15: | Line 25: | ||
text-transform: uppercase; | text-transform: uppercase; | ||
} | } | ||
== Lato == | |||
@import url(http://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700); | |||
See http://tympanus.net/Blueprints/SplitLayout/ (light version - 300 - is used). | |||
[[Category:Typography]] | [[Category:Typography]] | ||
[[Category:Webdesign]] | [[Category:Webdesign]] | ||
[[Category:Notes]] | [[Category:Notes]] | ||
Latest revision as of 22:17, 26 March 2015
This note compiles light fonts to use with flat designs, as alternative of the trio Proxima Nova, Open Sans and Source Sans.
Raleway
https://www.google.com/fonts/specimen/Raleway
Used in weight 300 by http://explorableexplanations.com/
Titillium
See http://www.google.com/fonts/specimen/Titillium+Web
DINPro
@font-face {
font-family: "DINPro";
font-style: normal;
font-weight: normal;
src: url("/fonts/dinpro-light-webfont.eot?iefix") format("embedded-opentype"), url("/fonts/dinpro-light-webfont.woff") format("woff"), url("/fonts/dinpro-light-webfont.ttf") format("truetype"), url("/fonts/dinpro-light-webfont.svg#webfontyPOP2b0e") format("svg");
}
Titres produits LDLC
H1 {
font-family: DINPro, Arial;
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
}
Lato
@import url(http://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700);
See http://tympanus.net/Blueprints/SplitLayout/ (light version - 300 - is used).
