Mam kilka czcionek, których chciałbym użyć w mojej aplikacji RoR, ale ich formaty to głównie .ttf i .otf, między innymi. Jak mogę umieścić te pliki w mojej aplikacji Rails? Mianowicie, kiedy umieściłem je w folderze zasobów, jaka dokładnie jest składnia, w której mogę je osadzić w moich plikach CSS i/lub LESS?Jak dodać niestandardową czcionkę do aplikacji Rails?

EDIT: Oto kod mam teraz:

@font-face { 
    font-family: Vow; 
    src: url('/assets/Vow.otf'); 
} 
h1 { 
    font-family: Vow; 
    text-align: center; 
}

To nie wydaje się być praca dla mnie. Wyjście w konsoli Rails jest coś wzdłuż linii:

ActionController::RoutingError (No route matches [GET] "/assets/Vow.otf")

i badanie stronę z Firebug mówi:

downloadable font: download failed (font-family: "Vow" style:normal weight:normal stretch:normal src index:0): status=2147746065 
source: http://localhost:3000/assets/Vow.otf

Źródło

2012-09-08 tanookiben

Zamówienie to http://stackoverflow.com/questions/7973271/using-font-face-with-rails-3-1-app – AnkitG

Zamówienie http://www.css3.info/preview/web-fonts-with-font-face/

Większe przykład, zakładając, że są one rozwiązywane bezpośrednio w ramach aktywów dir

@font-face { 
    font-family: 'Nokia Pure Headline';  
    src: url('/assets/nokiapureheadlinerg-webfont.eot'); 
    src: url('/assets/nokiapureheadlinerg-webfont.eot?iefix') format('eot'), 
    url('/assets/nokiapureheadlinerg-webfont.woff') format('woff'), 
    url('/assets/nokiapureheadlinerg-webfont.ttf') format('truetype'), 
    url('/assets/nokiapureheadlinerg-webfont.svg#webfont3AwWkQXK') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

Przepraszam, nie k obecnie mniej

Również dla konfiguracji rurociągu aktywów mieć zawartość aktywów/czcionek dostępnych w ramach użyjemy:

# Enable the asset pipeline 
config.assets.enabled = true 
config.assets.paths << Rails.root.join('/app/assets/fonts')

Źródło

2012-09-08 08:17:02 paullth

Edit: NVM udało mi się to naprawić! Obecnie działa dla mnie, jeśli mam wszystko w folderze zasobów. Będzie kontynuować pracę nad posiadaniem czcionek w określonym folderze/folderze w folderze assets / – tanookiben

dodać niestandardową czcionkę do szyn aplikację przy użyciu czcionek Google

dla przykładem używam plamka oblicze
http://www.google.com/fonts#QuickUsePlace:quickUse/Family:
Skrócona: Freckle twarzy

1. Wybierz żądany styl:
Wpływ na czas wczytywania strony
Wskazówka: użycie wielu stylów czcionek może spowolnić działanie strony internetowej, dlatego należy wybrać tylko te style czcionek, które rzeczywiście są potrzebne na stronie internetowej.

2. Wybierz postać ustawia chcesz:
Wskazówka: Jeśli zdecydujesz się tylko, że trzeba języków, pomożesz zapobiec powolność na swojej stronie internetowej.
Latin (Latin)
Rozszerzony łaciński (latin-ext)

3. Dodaj ten kod na swojej stronie internetowej:
Instrukcje: Aby umieścić swoją kolekcję na swojej stronie internetowej, skopiuj kod jako pierwszy element w dokumencie HTML.
http://fonts.googleapis.com/css?family=Freckle+Face”rel = 'text stylesheet type =' '/ css'>

4. Integracja czcionek do swojego CSS:
Interfejs API czcionek Google wygeneruje niezbędny kod CSS przeglądarki, aby korzystać z czcionek. Wszystko, co musisz zrobić, to dodać nazwę czcionki do stylów CSS.Na przykład:

font-family: 'Freckle Face', cursive;

Instrukcje: Dodaj nazwę czcionki do stylów CSS, tak jak w przypadku zwykłej czcionki.

Przykład:

h1 { font-family: ‘Metrophobic’, Arial, serif; font-weight: 400; } 
    example : 
<head> 
    <meta charset='UTF-8' /> 
    <link href='http://fonts.googleapis.com/css?family=Freckle+Face' rel='stylesheet' type='text/css'> 
</head> 
<body> 
<div id="header"> 
    <div id="nav"> 
    <a href="#contact">Contact</a> <span style="word-spacing:normal; color:white; font-family: 'Freckle Face', cursive;, arial, serif; font-size:20px;"><--Click a link to see this page in action!</span> 
    </div> 
</div> 
</body>

Źródło

2014-01-29 09:39:34 praaveen

Dodawanie niestandardową czcionkę do Rails aplikacja

Wybierz typ czcionki i pobierz
np
iść do http://www.dafont.com
wybierz czcionki i pobierania czcionki
Generowanie pliki czcionek

iść do http://www.fontsquirrel.com/
wybierz - internetowy generator czcionki - wybierz czcionki u pobranie (rozpakowywania pliku pobranego z http://www.dafont.com).
Pobierz pliki czcionek
Ta strona wygeneruje kolejny zip, który będzie zawierał wszystkie wymagane dla tego stylu czcionki.
Od tego zip, rozpakować i otwarty css, css skopiować do pliku html lub css tego
Dodaj czcionki do aplikacji szyn

(How to add a custom font to Rails app?)

config/environment.rb
```
config.assets.enabled = true 
config.assets.paths << "#{Rails.root}/app/assets/fonts" 
```

dodać go do widoku:

<html lang="en"> 
    <head> 
    <style> 
     @font-face { 
     font-family: 'a_sensible_armadilloregular'; 
     src: url('/assets/para/a_sensible_armadillo-webfont.eot'); 
     src: url('/assets/para/a_sensible_armadillo-webfont.eot?#iefix') format('embedded-opentype'), 
      url('/assets/para/a_sensible_armadillo-webfont.woff') format('woff'), 
      url('/assets/para/a_sensible_armadillo-webfont.ttf') format('truetype'), 
      url('/assets/para/a_sensible_armadillo-webfont.svg#a_sensible_armadilloregular') format('svg'); 
     font-weight: normal; 
     font-style: normal; 
    } 
    .content p { 
     font-family: 'a_sensible_armadilloregular'; 
     font-size: 42px; 
    } 
    </style> 
</head> 
<body> 
    <div class="content"> 
    <p>sample text</p> 
    </div> 
</body>

Źródło

2014-01-29 09:44:10 praaveen

Jak dodać niestandardową czcionkę do aplikacji Rails?

Odpowiedz

Dodawanie niestandardową czcionkę do Rails aplikacja

Powiązane problemy