2013-01-10 34 views
5
İşte

buna CSS'deki soyadı 'header-yazı' olacağını belirtilmesi için ('Lato' diyelim) herhangi bir uzak Google Yazı Tipi yüklemek mümkün mü bir örnek CSSBir Google Yazı Tipi için özel ad belirtilebilir mi?

h1 { 
    font-family: 'header-font', arial, sans-serif; 
} 

p { 
    font-family: 'paragraph-font', arial, serif; 
} 

mı?

Düzenleme: Bunun arkasındaki fikir, bir WP temasında yazı tiplerini kolayca değiştirebilmektir. Ne yazık ki, CSS önişlemcilerindeki değişkenleri kullanmak benim durumumda bir seçenek değil.

+1

Bunu neden yapmak istersiniz? Bir kullanıcı özel yazı tipi adınızla eşleşen yerel bir yazı tipi içeriyorsa sorun olmaz mı? – drmonkeyninja

+0

Olası kopyası [Google yazı tipleri: CSS'de özel ad tanımla] (http://stackoverflow.com/questions/28172964/google-fonts-define-custom-name-in-css) – Gajus

cevap

-1

Evet, yazı tipi ailesini @ font-yüz stili bildiriminde tanımladığınızda istediğiniz adı verebilirsiniz ve bu adı stil sayfasında daha sonra başvurmak için kullanabilirsiniz. Eğer font-family özelliğinde olduğu gibi stil adı ne olursa olsun

@font-face 
{ 
    font-family: whateverYouWant; 
    src: url('example.ttf'), 
     url('example.eot'); 
     ... /* and so on */ 
} 

o belgenin geri kalanından anılacaktır nasıl. Ancak, yerel yazı tipi dosyalarıyla nasıl rekabet ettiğini bilmiyorum (böylece özel bir yazı tipi Arial adını almaya çalışmış olsaydınız ne alacağınızdan emin değilim - özel yazı tipi veya gerçek Arial). Yine de neden bunu yaparsın bilmiyorum.

+3

Bu yalnızca yerel olarak çalışıyorsanız çalışır yazı tipini depolamak. Google yazı tipinin önceden tanımlanmış bir adı var. – azzy81

+1

Hayır, bu işe yarar. Sadece 'font-family' adında benzersiz bir özellik olduğunu garanti etmelisiniz, belki de 'website-family: font-family:' abcweb-header-font; '' gibi. http://codepen.io/anon/pen/hAvcp – Jen

+1

Peki Google font entegrasyonu nerede? – Richard

2

Dürüst olmanız gerektiğini düşünmüyorum. Google yazı tipini görüntülediğinizde Google yazı tipinin önceden tanımlanmış bir adı vardır. Bunun için bakınız: http://fonts.googleapis.com/css?family=Akronim

Adı 'Akronim' olarak ayarlandı ve başka bir isimle başvurabileceğinizi sanmıyorum.