2016-09-09 11 views
0

Google Font Poiret Oneをダウンロードし、それをBootstrapで使用したい。しかし、これまでのところうまくいきませんでした。それはコミックサンズのように見えます。ブートストラップでダウンロードしたGoogleフォントを使用する

<link rel="stylesheet" href="fonts/PoiretOneregular.ttf"> 

これは私がフォントを参照するために使用しているものです。ファイルの名前が正しい。

font-family: 'Poiret One', cursive; 

これはCSS部分です。

私は間違っていますか?

+0

フォントはCSSで動作しません... https://css-tricks.com/snippets/css/using-font-face/ – DaniP

答えて

1

:あなたはいつもあなたがローカルにダウンロードしたフォントを使用したい場合は、を見てみましょう

<link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet">

代わりにCDNを使用して試みることができる 実際のフォントファイル(.ttfファイル)をスタイルシートとして表示します。

linksrc属性は、フォントファイルではなくCSSファイルにする必要があります。例えば

これは、Googleから直接フォントファミリにリンクする場合、リンクタグである:

<link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet"> 

CSSファイルは、あなたの実際のフォントファイルへの参照が含まれていますので、あなたのSRCを変更した後、あなたはまだ持っている場合CSSファイルを開き、フォントファイルへのパスがCSSファイルに関連していることを確認してください。

関連する問題