SVG yazı tipini Google Web Fonts ile önizleme

Question

Google Chrome'da font-face oluşturma, SVG yazı tipi kullanmadığınız sürece çok kullanışlıdır. Ancak google web fontları WOFF dosyalarını önceliklendirir.

SVG yazı tiplerini teslim etmeye zorlamak için herhangi bir yol var mı yoksa yazı tiplerini el ile kendimi el ile mi barındırmam gerekiyor?

Answer 1

Dosyaları, yalnızca WOFF dosyasını (tarayıcı algılaması nedeniyle) çağıran bir CSS dosyasını referans olarak kullanarak, @import veya <link> yöntemlerini kullanarak barındırmanız gerekir. Ör. http://fonts.googleapis.com/css?family=Open+Sans: Eğer dosyayı yerel olarak barındırmak kez

@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'); 
} 

, daha sonra bunu öncelik yığınında SVG aramayı taşıyabilirsiniz. Bu yazabilmek için ama çeşitli biçimlerde fontları indirmek için nasıl bulamıyor Google Yazı sayfalarında 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'); 
}