Priorytetowa czcionka SVG z Google Web Fonts

Question

Renderowanie czcionek w Google Chrome w oknach jest okropne, chyba że używasz czcionki SVG. Jednak czcionki internetowe Google nadają priorytet plikom WOFF.

Czy istnieje sposób zmuszenia go do dostarczania czcionek SVG lub czy muszę ręcznie obsługiwać czcionki?

Answer 1

Musisz obsługiwać pliki stosującego @import lub <link> metod referencyjnych plik CSS, który tylko wywołuje plik WOFF (z powodu wykrycia przeglądarki). Dawny. http://fonts.googleapis.com/css?family=Open+Sans:

@font-face { 
    font-family: 'Open Sans'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Open Sans'), local('OpenSans'), url('http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff'); 
} 

Po gospodarzem plik lokalnie, można następnie przenieść rozmowę SVG w stosie do jej priorytetów. Można zobaczyć tu przykład: http://www.fontspring.com/blog/smoother-web-font-rendering-chrome

@font-face { 
    font-family: 'MyWebFont'; 
    src: url('webfont.eot'); 
    src: url('webfont.eot?#iefix') format('embedded-opentype'), 
    url('webfont.svg#svgFontName') format('svg'), 
    url('webfont.woff') format('woff'), 
    url('webfont.ttf') format('truetype'); 
}