ホームページ > 記事 > ウェブフロントエンド > ブートストラップでフォントを参照する方法
実際には、次のような手間は必要ありません 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 サイトの他の関連記事を参照してください。