2012-09-17 12 views
19
@font-face 
    font-family: 'AllerRegular' 
    src: url('/fonts/aller/aller_rg-webfont.eot') 
    src: url('/fonts/aller/aller_rg-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/aller/aller_rg-webfont.woff') format('woff'), url('/fonts/aller/aller_rg-webfont.ttf') format('truetype'), url('/fonts/aller/aller_rg-webfont.svg#AllerRegular') format('svg') 
    font-weight: normal 
    font-style: normal 

W powyższym przykładzie dodaję wersję svg tej czcionki, ale nie jestem pewien, czy identyfikator jest prawidłowy. Jeśli w tym pliku SVG jest tylko jedna czcionka, musisz mieć poprawny identyfikator?Czy hash jest konieczny w deklaracjach svg z czcionką?

+4

Nie próbowałbyś z tym hashtagiem i bez tego pytania? – Chris

+0

Myślał, że ktoś może teraz off-hand. Myślę, że te pliki czcionek są używane tylko dla ipad/iphone i nie mam dostępu do tej aplikacji na żadnym z tych urządzeń. –

Odpowiedz

40

Tak, jest to wymagane. This article mówi:

W kodzie CSS powyżej, można rzeczywiście zobaczyć, że wersja SVG potrzebuje dodatkowych informacji, jego identyfikator, po hashtag (#) w nazwie pliku deklaracji. Jeśli go nie wypełnisz, to nie działa, musisz więc znaleźć informacje otwierające plik SVG w dokumencie TXT lub notatnik i poszukaj poniższego wiersza, w górnej części strony.

I this one mówi:

Z czcionek SVG, muszą również #hashtag;

Hashtag jest po prostu wskaźnikiem ID czcionki zdefiniowanej w SVG. Jeśli go nie uwzględnisz, załadowany zostanie cały plik SVG, w tym nagłówki SVG, które uniemożliwiają rozpoznanie czcionki.

+1

w końcu ktoś to wyjaśnia, +1 – Mark

+1

Powiedzmy, że masz ścieżkę taką jak "fonts/thefont.svg # thefont" - czy możesz dodać zmienną GET wersji, np. 'Fonts/thefont.svg # thefont? V = 3.2.1 "? Pytam, ponieważ nie mogłem pobrać czcionki SVG do załadowania w Chrome z dołączoną zmienną GET. – aendrew

+0

@aendrew Prawdopodobnie będziesz musiał zamienić swoje części URL, ponieważ wszystko po haszowaniu * nie * jest wysyłane na serwer. Więc wypróbuj 'thefont.svg? V = 3.2.1 # thefont'. Nie testowałem tego, ale jest bardziej prawdopodobne, że zadziała. –

Powiązane problemy