2017-06-03 10 views
0

私のionic1アプリケーションにこの "Century Gothic"フォントを使用していますが、このフォントはブラウザに表示されていますが、アンドロイドデバイスには表示されません。 私はこれを試してみました:フォントファミリがアンドロイドデバイスに表示されない

@font-face { 
    font-family: "Century Gothic"; 
    src: url("../fonts/gothic.eot"); 
    src: url("../fonts/gothic.eot") format("embedded-opentype"), 
url("../fonts/gothic.ttf") format("truetype"), url("../fonts/gothic.woff") 
format("woff"), url("../fonts/gothic.woff") format("woff"), 
url("../fonts/gothic.svg") format("svg"); 
    font-weight: normal; 
    font-style: normal; } 

    p { 
    font-family: 'Century Gothic' !important; 
    } 
+0

何インターネットブラウザを使用しているのstyle.cssにしますか?ビルトインされたもの(「インターネット」)は、通常のものほど頻繁に更新されていないようです。 ChromeやFirefoxのアプリをインストールした場合は、そこで動作しますか? –

+0

あなたの懸念のための高齢者....私の問題は今解決されました –

+0

OK、どのように問題を解決しましたか?これが他の人を助けることができるものなら、あなたは答えを投稿するべきです。 –

答えて

1

はionic.css

@font-face { 
    font-family: "Century Gothic"; 
src: url("../fonts/gothic.eot"); 
    src: url("../fonts/gothic.eot") format("embedded-opentype"), 
url("../fonts/gothic.ttf") format("truetype"), url("../fonts/gothic.woff") 
format("woff"), url("../fonts/gothic.woff") format("woff"), 
url("../fonts/gothic.svg") format("svg"); 
    font-weight: normal; 
    font-style: normal; } 

にこのコードを追加して、これはあなたが

body { 
    font-family: 'Century Gothic' !important; 
    } 
+0

これとオリジナルのCSSの違いは何ですか?そして、ところで、それは 'url(" ../fonts/gothic.woff ")形式(" woff ")' duplicated;を持っています。私はそれらのうちの1つが 'woff2'であると仮定しています。 –

+0

これをionic.cssに追加しました.....以前は、それをstyle.cssに追加していましたが、正しく動作していませんでした。 –

+0

ああ、OKです。それが解決策であれば、それは答えではなく、コメントでなければなりません。 –

関連する問題