मेरे पास दो आरओटी एप्लिकेशन हैं जो मैं अपने आरओआर एप्लिकेशन में उपयोग करना चाहता हूं, लेकिन उनके प्रारूप मुख्य रूप से .ttf और .otf हैं, दूसरों के बीच। मैं अपने फाइल ऐप में इन फ़ाइलों को एम्बेड करने के बारे में कैसे जाउंगा? अर्थात्, एक बार जब मैं उन्हें अपने संपत्ति फ़ोल्डर में डालता हूं, तो मेरे सीएसएस और/या कम फ़ाइलों में उन्हें एम्बेड करने के लिए मेरे लिए वाक्यविन्यास वास्तव में क्या है?रेल ऐप में कस्टम फ़ॉन्ट कैसे जोड़ें?

संपादित करें: यहाँ अब के लिए कोड मैं है:

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

यह मेरे लिए काम होने के लिए प्रतीत नहीं होता। रेल कंसोल में उत्पादन की तर्ज पर कुछ है:

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

और Firebug के साथ पेज की जांच का कहना है:

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

स्रोत

2012-09-08 tanookiben

चेकआउट इस http://stackoverflow.com/questions/7973271/using-font-face-with-rails-3-1-app – AnkitG

चेकआउट http://www.css3.info/preview/web-fonts-with-font-face/

बड़ा उदाहरण, यह मानते हुए वे सीधे हल हो रहे हैं संपत्ति के तहत डीआईआर

@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; 
}

मुझे खेद है कि मैं नहीं अब कम

संपत्ति पाइप लाइन के config के लिए

इसके अलावा हम के तहत उपलब्ध संपत्ति/फोंट की सामग्री के लिए उपयोग करें:

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

स्रोत

2012-09-08 08:17:02 paullth

संपादित करें: NVM मैं इसे ठीक करने में सक्षम था! वर्तमान में यह मेरे लिए काम करता है अगर मेरे पास सिर्फ संपत्ति फ़ोल्डर में सबकुछ है। संपत्ति/फ़ोल्डर के भीतर एक विशिष्ट फोंट/फ़ोल्डर में फोंट रखने पर काम करना जारी रखेगा – tanookiben

के लिए गूगल फोंट

का उपयोग करके आवेदन रेल के लिए एक कस्टम फ़ॉन्ट जोड़ने उदाहरण मैं झाई चेहरा उपयोग कर रहा हूँ
http://www.google.com/fonts#QuickUsePlace:quickUse/Family:
त्वरित उपयोग: झाई चेहरा

1. अपनी इच्छित शैलियों का चयन करें:
पेज लोड समय पर प्रभाव
युक्ति: कई फ़ॉन्ट शैलियों का उपयोग करके अपने वेबपृष्ठ को धीमा कर सकते हैं, इसलिए केवल उन फ़ॉन्ट शैलियों का चयन करें जिन्हें आपको वास्तव में अपने वेबपृष्ठ पर चाहिए।

2. चरित्र चुनें सेट आप चाहते हैं:
टिप: यदि आप भाषाओं कि आप की आवश्यकता चुनते हैं, तो आप अपने वेबपेज पर सुस्ती को रोकने में मदद करेंगे।
लैटिन (लैटिन)
लैटिन विस्तारित (लैटिन ext)

3. अपनी वेबसाइट के लिए इस कोड जोड़ें:
निर्देश: अपने वेब पेज में अपने संग्रह एम्बेड करने के लिए, पहला तत्व के रूप में कोड की प्रतिलिपि अपने एचटीएमएल दस्तावेज़ में।
http://fonts.googleapis.com/css?family=Freckle+Face 'rel =' स्टाइलशीट 'type =' text/css '>

4. अपने सीएसएस में फोंट एकीकृत:
Google फ़ॉन्ट्स एपीआई फोंट का उपयोग करने के लिए आवश्यक ब्राउज़र-विशिष्ट सीएसएस उत्पन्न करेगा। आपको बस अपनी सीएसएस शैलियों में फ़ॉन्ट नाम जोड़ना है।उदाहरण के लिए:

font-family: 'Freckle Face', cursive;

निर्देश: अपने सीएसएस शैलियों के लिए अक्षरों का नाम जोड़ें बस के रूप में आप किसी भी अन्य फ़ॉन्ट के साथ सामान्य रूप से करते चाहते हैं।

उदाहरण:

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>

स्रोत

2014-01-29 09:39:34 praaveen

आवेदन

करें फ़ॉन्ट प्रकार रेल और http://www.dafont.com
चयन फ़ॉन्ट और डाउनलोड फ़ॉन्ट के लिए जाने के उदाहरण
के लिए डाउनलोड
लिए एक कस्टम फ़ॉन्ट जोड़ना
उत्पन्न फ़ॉन्ट फ़ाइलों

जाना http://www.fontsquirrel.com/
चयन करने के लिए - वेब फ़ॉन्ट जनरेटर - चुनिंदा फ़ॉन्ट यू डाउनलोड (unzip http://www.dafont.com से डाउनलोड की गई फ़ाइल)।
फ़ॉन्ट फ़ाइलों को पुनर्प्राप्त करें
यह साइट एक और ज़िप उत्पन्न करेगी जिसमें उस फ़ॉन्ट शैली के लिए आवश्यक सभी आवश्यक होंगे।
उस ज़िप से, अनज़िप और खुले सीएसएस, कि
के अपने HTML या सीएसएस फ़ाइल में सीएसएस कॉपी अपने रेल एप्लिकेशन

(How to add a custom font to Rails app?) के लिए फ़ॉन्ट जोड़े

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

दृश्य में जोड़ें:

<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>

स्रोत

2014-01-29 09:44:10 praaveen

रेल ऐप में कस्टम फ़ॉन्ट कैसे जोड़ें?

उत्तर

आवेदन

संबंधित मुद्दे