Design/Light fonts: Difference between revisions

From Nasqueron Agora
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).