Skip to content

Instantly share code, notes, and snippets.

@gemmaweirs
Created March 5, 2014 03:43
Show Gist options
  • Save gemmaweirs/9360756 to your computer and use it in GitHub Desktop.
Save gemmaweirs/9360756 to your computer and use it in GitHub Desktop.
This is the new bulletproof font-face syntax from FontSpring. http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax To force Chrome to use SVG fonts, uncomment the media query and adjust as required. See: http://www.fontspring.com/blog/smoother-rendering-in-chrome-update for more info.
@font-face {
font-family: "FontFamily";
src: url("myfont-webfont.eot?#iefix") format("embedded-opentype"),
url("myfont-webfont.woff") format("woff"),
url("myfont-webfont.ttf") format("truetype"),
url("myfont-webfont.svg#svgFontName") format("svg");
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "FontFamily";
src: url("myfont-webfont.svg#svgFontName") format("svg");
}
}
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment