2017-08-21 2 views
1

タイトルと同じように、私はこれらのカスタムフォントを数時間稼働させようと努力してきましたが、他の多くの答えや他のチュートリアルに従っています。カスタムフォントがレールで動作しない

home.scss

@font-face { 
    font-family: 'audimatregular'; 
    src:url('audimatregular.otf'); 
    src:url('audimat.eot?#iefix') format('otf'), 
    url('audimatbold.svg#audimat') format('otf'), 
    url('audimatbolditalic.woff') format('otf'), 
    url('audimatitalic.ttf') format('otf'); 
    font-weight: normal; 
    font-style: normal; 
} 

.section1 { 
    font-family: "audimatregular"; 
} 

フォルダツリー

/app 
+---assets 
| +---fonts 
| |  audimatbolditalic.otf 
| |  audimatitalic.otf 
| |  audimatbold.otf 
| |  audimatregular.otf 
| +---images 
| +---javascripts 
| +---stylesheets 

レールバージョン

0123を作業

編集:サーバーのログ

Started GET "/" for 127.0.0.1 at 2017-08-21 21:13:09 -0400 
    (0.2ms) SELECT "schema_migrations"."version" FROM "schema_migrations" ORDER BY "schema_migrations"."version" ASC 
Processing by HomeController#index as HTML 
    Rendering home/index.html.erb within layouts/application 
    Rendered home/index.html.erb within layouts/application (781.9ms) 
Completed 200 OK in 879ms (Views: 869.2ms | ActiveRecord: 0.0ms) 

助けのための高度でのおかげで、これは非常にイライラされています。

+0

彼らはどのように「機能しませんか」?特定の他の回答やチュートリアルを見てきたので、既に試したことは何も繰り返されません。他に何を試しましたか? –

+0

彼らはちょうど私たちが動作していない平らな、サーバーは通常のように起動コンソールログに何も変わって表示されない、それは彼らがフォントファミリを取っているインスペクタを示しています: "audimatregular" 。 – firewire167

答えて

0

あなたのCSSにフォントURLヘルパーを追加してみてください:

src:font-url('...') 

編集:ここではが私のコードです:

@font-face { 
    font-family: 'audimatregular'; 
    src:font-url('AUdimat-Regular.otf'); 
    font-weight: normal; 
    font-style: normal; 
} 

は、あなたが変更を加えた後、サーバーを再起動していることを確認します。ここで

+0

これはうまくいかなかった。 – firewire167

+0

私はあなたがフォントのパスに指示する必要があると思う。 src:url( 'fonts/audimatregular.otf'); – DollarChills

+0

これはうまくいきませんでした:/ – firewire167

0

は私が行うために使用するものません:

@font-face {font-family: 'Segoe UI'; 
src: url('/assets/segoe.eot?#iefix') format('embedded-opentype'), url('/assets/segoe.woff') format('woff'), 
url('/assets/segoe.woff2') format('woff2'), 
url('/assets/segoe.ttf') format('truetype'), url('/assets/segoe.svg#svgSegoe') format('svg');} 

どんなにあなたが物事を置く資産で、あなたはいつもちょうどパイプラインは、すべてのフォルダを検索します引き起こし、その特定のファイルにリンクする/assets/asset.jpgを使用することができます/assets。 - ただし、assets/fontsなどのカスタムフォルダを追加する場合は、そのフォルダをパイプラインに追加する必要があります(this questionを参照)。あなたはそれが複雑すぎると感じた場合は、単に(資産フォルダ内、または任意の既存フォルダ)の画像フォルダ内のすべてのフォントファイルを置く

希望これは

0

を助け、あなたは足場を使用することがありますか? scaffolds.css.scssがどこにあっても、カスタムフォントをブロックすることができます。

また、フォントが必要なページを読み込むときに、レールサーバーのログを確認しましたか?それは何のエラーですか?

+0

いいえ足場を使用していないので、元の投稿にログを投稿しました – firewire167

+0

修正を見つけましたか?あなたがそうした場合、その問題が何であるかを知りたいと思っています。 – kuwantum

+0

私はまだかなりの時間がかかりましたが、私は別のものに移動しなければなりませんでしたが、一度それをここに投稿すると悪いことがわかりました – firewire167

関連する問題