SORU
23 Ocak 2012, PAZARTESİ


Nasıl benim sunucuda google web yazı tipleri barındırmak için?

İ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.

CEVAP
2 Kasım 2012, Cuma


İ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

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • InsideBlackBerry

    InsideBlackB

    14 Aralık 2009
  • POGProductionz

    POGProductio

    27 NİSAN 2012
  • Santozz Yazz

    Santozz Yazz

    23 Mart 2014