ホームページ  >  記事  >  ウェブフロントエンド  >  ブートストラップでフォントを参照する方法

ブートストラップでフォントを参照する方法

(*-*)浩
(*-*)浩オリジナル
2019-07-19 14:36:184048ブラウズ

実際には、次のような手間は必要ありません fonts フォルダを作成し、js ファイルや css ファイルと同じディレクトリに置くだけで正しく参照できます。

ブートストラップでフォントを参照する方法

重要なのは、次のファイルが存在する必要があることです: (推奨学習: Bootstrap ビデオチュートリアル )

glyphicons-halflings-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff

関連する CSS ルールは、dist フォルダーの css フォルダーにある bootstrap.css および bootstrap-min.css ファイルに記述されています。

フォント ファイルのパスを柔軟に変更してください

<style type="text/css">
        @font-face {
            font-family: 'Glyphicons Halflings';
            src: url('font/glyphicons-halflings-regular.eot');
            src: url('font/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
            url('font/glyphicons-halflings-regular.woff') format('woff'), 
            url('font/glyphicons-halflings-regular.ttf') format('truetype'), 
            url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
        }
</style>

したがって、フォントフェイス ルールは実際にフォント ファミリーとグリフィコンが見つかる場所を宣言します。 。

Bootstrap に関連する技術的な記事については、Bootstrap チュートリアル 列にアクセスして学習してください。

以上がブートストラップでフォントを参照する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。