İntranet bir uygulama üzerinde bazı google yazı tipleri kullanmak istiyorum. Müşteriler olabilir veya internet bağlantısı olmayabilir. Lisans koşullarını okuduktan, onun yasal olarak izin görünür.

İlk sıkıştırılmış bir paket olarak, yazı tipi seçimi, true type yazı tiplerini bir demet sunmak indirin. Onları bir yerde toplu kopyalama, bir yerlerde senin css bağlantı kurabilirsiniz.

Google webfont indirme sayfasında bir bağlantı eklemek gibi yani

http://fonts.googleapis.com/css?family=Cantarell:400,700,400italic,700italic|Candal

Bir CSS @font-face tanımlamalarını bir grup ile yazı tiplerini tanımlamak için bağlar.

Ve kendi CSS içine yapıştırın ve URL dosya tipini hakkı vardır değiştirmek için tarayıcı ve biçimi türleri açın.

Bu yüzden:

@font-face {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 700;
  src: local('Cantarell Bold'), local('Cantarell-Bold'), url(http://themes.googleusercontent.com/static/fonts/cantarell/v3/Yir4ZDsCn4g1kWopdg-ehHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

bu olur:

/* Your local CSS File */
@font-face {
    font-family: 'Cantarell';
    font-style: normal;
    font-weight: 700;
    src: local('Cantarell Bold'), local('Cantarell-Bold'), url(../font/Cantarell-Bold.ttf) format('truetype');
}

Gördüğünüz gibi, bir zararı barındıran yazı tiplerini kendi sistem bu şekilde, kısıtlamak kendinize doğru format, buna rağmen google webfont hizmet belirler tarafından erişme cihaz hangi formatları olacak iletilir.

Ayrıca, .htaccess Bir dosya eklemek için Chrome Dev Tools haşhaş benim dizin yazı hataları önlemek için mıme türlerini içeren holding zorunda kaldım.

Bu çözüm için, sadece doğru yazın tabi, ama daha fazla tanımlama farklı yazı tipleri de dahil etmek istediğinizde zarar vermez, font-awesome gibi.

#.htaccess
AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff .woff