2017-12-11 9 views
0

私は自分のローカルディレクトリにフォント素晴らしいライブラリをダウンロードし、ディレクトリを以下のようにそれらを置く:ローカルフォントの使い方は素晴らしいですか?

index.html 
css/font-aswesome.min.css 
font/fontawesome-webfont.xxx 

そして、ここでは私のindex.htmlです。

<html> 
<head> 
<meta charset="UTF-8"> 
<title>Font-Awesome</title> 
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"> 
<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css"> 
</head> 
<body> 
<i class="fa fa-camera-retro fa-lg"></i> fa-lg 
</body> 
</html> 

と開いているindex.html、ここではすばらしいCSSスタイルが実装されていません。しかし、私はローカルのhrefを置き換えるためにCDNリンクを使用するために置き換えた後、すべて正常に動作します。 誰でもフォントをすばらしい方法でローカルコピーする方法を教えてください。

+0

を試してみてください、あなたは、httpサーバ上のファイルを実行していますか? URLが 'file://'ならば、それは動作しません。 –

+0

[Font-Awesome cssはローカルで動作しません]の重複している可能性があります(https://stackoverflow.com/questions/28585575/font-awesome-css-notワーキング - ローカル) – GuRu

答えて

1

この

 firstly Download the fontawesome package from their website. 

     then Extract the package where you will find the fontawesome.css file. 

     then Copy this file to your css directory 

     now copy all the fonts files from the extracted fontawesome package to your fonts folder. 

    Finally add the fontawesome.css to your html page by giving respective 
location of the css file. 
関連する問題