2013-08-29 8 views
6

Używam trzech czcionek Google w projekcie, w którym dwa pierwsze dotyczą nagłówków i zwykłego tekstu, a trzeci dotyczy tylko menu. Tak więc w menu używam tylko zestawu liter, wielkimi literami. Kiedy importować czcionek Google „css” mogę zmniejszyć rozmiar trzeciej czcionki o 85%, jeśli tylko zadzwonić litery muszę, za pomocą „tekst” zmiennej w URL:Selektywne użycie zmiennej "tekstowej" w rozmowach w google:

@import url(http://fonts.googleapis.com/css?family=Happy+Monkey&text=HOMECONTACT); 

To jest wielki , ale gdy dodaję inne czcionki do tego adresu URL (w celu zapisania połączeń), zmienna "tekstowa" wpływa na wszystkie czcionki w adresie URL. Więc rozwiązanie jest spożywać jeszcze jedną rozmowę i poprosić o czcionek osobno, tak:

@import url(http://fonts.googleapis.com/css?family=Happy+Monkey&text=HOMECONTACT); 
@import url(http://fonts.googleapis.com/css?Marcellus+SC|Open+Sans+Condensed:300); 

Teraz, co chciałbym zrobić, to pobrać wszystkie czcionki w jednej rozmowy, ale tylko zestaw znaków dla jednej konkretnej czcionki. Innymi słowy, połącz poprzednie połączenia w jednym. Czytając API czcionek Google, zakładam, że nie jest to możliwe, ale wciąż pytam, czy ktoś wie o takim rozwiązaniu.

Z góry dziękuję!

Odpowiedz

2

Nie da się tego jeszcze zrobić. Może dlatego, że zoptymalizowane żądania czcionek są nadal w fazie beta.

Polecam używać zgłoszeń w <head> zamiast używać wewnątrz CSS z @import. Z punktu widzenia prędkości strony, @import z pliku CSS powinien prawie nigdy nie być używany, ponieważ może uniemożliwić jednoczesne pobieranie arkuszy stylów. Jeśli oba arkusze stylów są przywoływane w elementach <link> na głównej stronie HTML, oba można pobrać w tym samym czasie.

<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Happy+Monkey&text=HOMECONTACT"> 
<link rel="stylesheet" href="//fonts.googleapis.com/css?Marcellus+SC|Open+Sans+Condensed:300"> 

Nawet jeszcze jeden wniosek, strona ładuje się szybciej niż z @import.

0

Podczas gdy obecnie ograniczamy się do wielu żądań, pracownik serwisu może buforować obie odpowiedzi, tak aby były natychmiast rozwiązywane podczas kolejnych ładowań stron.

Powiązane problemy