@font-face {
font-family: "Graublau Web";
src: url("GraublauWeb.woff") format("woff"),
url("GraublauWeb.otf") format("opentype"),
url("GraublauWeb.svg#grablau") format("svg");
}
Per mobile che vuole lavorare offline in deploy ibridi.
Oppure all'interno di una media query per la massima compatibilità delle vostre pagine web:
@font-face {
font-family: 'Graublau Web';
src: url('GraublauWeb.eot');
src: local('☺︎'),
url("GraublauWeb.woff") format("woff"),
url("GraublauWeb.otf") format("opentype"),
url("GraublauWeb.svg#grablau") format("svg");
}
@media screen and (max-device-width: 480px) {
@font-face {
font-family: "Graublau Web";
src: url("GraublauWeb.woff") format("woff"),
url("GraublauWeb.otf") format("opentype"),
url("GraublauWeb.svg#grablau") format("svg");
}}
Fonte: http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/
http://www.mcnab.co/blog/general/font-face-on-android/