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

実際には、次のような手間は必要ありません 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 サイトの他の関連記事を参照してください。