Czy można określić niestandardową nazwę czcionki Google?

Question

Oto próbka CSS

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

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

Czy to możliwe, aby załadować dowolny zdalny Google Font (powiedzmy „Lato”) tak, że to nazwisko w CSS byłoby „header-font”?

Edycja: Ideą tego jest możliwość łatwego wymieniania czcionek w motywie WP. Niestety używanie zmiennych w preprocessorach CSS nie jest w moim przypadku opcją.

Answer 1

Tak, możesz nadać dowolną nazwę, definiując rodzinę czcionek w deklaracji stylu @ font-face i użyć tej nazwy do późniejszego odniesienia w arkuszu stylów.

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

Niezależnie od tego, jak nazwiesz styl, tak jak we właściwościach czcionki i rodziny, będzie to oznaczało, w jaki sposób będzie się odsyłać do reszty dokumentu. Nie wiem jednak, w jaki sposób konkuruje on z lokalnymi plikami czcionek (więc jeśli próbowałeś nazywać niestandardową czcionkę Arial, nie jestem pewien, co byś otrzymał - niestandardową czcionkę lub prawdziwy Arial). Nie wiem, dlaczego tak zrobiłbyś.

Answer 2

Nie sądzę, że można być szczerym. Czcionka Google ma predefiniowaną nazwę podczas przeglądania czcionki Google. Zobacz na przykład: http://fonts.googleapis.com/css?family=Akronim

Jego nazwa jest ustawiona jako "Akronim" i nie sądzę, aby można było odwoływać się do niej pod dowolną inną nazwą.