2012-09-03 11 views
7

Myślałem o użyciu czcionek wiewiórki w mojej aplikacji rails przy użyciu @ font-face. Mam nadzieję, że to jest właściwy sposób wyjaśnienia tego. Jestem stosunkowo nowy w tym więc był nadzieją ktoś mógłby doradzić w jaki sposób uzyskać to do pracy w aplikacji szyn@ szyny font-face 3.2

Dzięki

Odpowiedz

23

OK więc pomyślałem, że dam odpowiedź, więc może pomóc innym ludziom w moja sytuacja. Ja po prostu google i umieścić wszystkie kawałki razem, byłem leniwy/boi nieznanym na tej jednej więc przepraszam za that.Just próbuje go naprawdę pomaga zrozumienie

Zresztą

1) Utwórz folder o nazwie czcionki aPP/aktywa
2) Umieść wszystkie SVG .eot .woff .ttf w tym folderze
3), w config/environment.rb umieścić następujące

# Add the fonts path 
config.assets.paths << "#{Rails.root}/app/assets/fonts" 

# Precompile additional assets 
config.assets.precompile += %w(.svg .eot .woff .ttf) 

4) w swoich stylów aplikacji umieścić swój @ style czcionek, na przykład

@font-face { 
font-family: 'DearestRegular'; 
src: url('Dearest-webfont.eot'); 
src: url('Dearest-webfont.eot?#iefix') format('embedded-opentype'), 
    url('Dearest-webfont.woff') format('woff'), 
    url('Dearest-webfont.ttf') format('truetype'), 
    url('Dearest-webfont.svg#DearestRegular') format('svg'); 
font-weight: normal; 
font-style: normal; 

}

5) Następnie gdziekolwiek chcesz używać czcionki wystarczy użyć font-family jako normalnego 6) Oh i zrestartować serwer, aby doprowadzić je wszystkie razem :)

+0

bardzo fajne, dzięki za udostępnienie! – alf

+0

nie ma problemu, to miło być w stanie pomóc na zmianę :) – Richlewis

+0

Dzięki, super pomocne – kateray

Powiązane problemy