rogerxu / rogerxu.github.io

Roger Xu's Blog

3 stars 2 forks source link

Web Fonts #102

Open rogerxu opened 7 years ago

rogerxu commented 7 years ago

Web fonts - Learn web development | MDN

rogerxu commented 7 years ago

Web Fonts

@font-face {
  font-family: "Fira Code";
  src: url("font.woff") format("woff"),
       url("font.ttf") format("truetype"),
       url("font.otf") format("opentype"),
       url("font.eot") format("embedded-opentype"),
       url("font.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

Font Formats

TrueType

.ttf
1999
Apple, Microsoft

TrueType Open

1994
Microsoft

OpenType

.otf
1996
Microsoft, Adobe
PostScript

Web Open Font Format

.woff
2009
Mozilla. Opera, Microsoft