0

インターネットに接続せずに、ダウンロードしたフォントをローカル Web ページ (XAMPP) で使用できますか? 一部の人々はおそらくインターネット接続を買う余裕がなく、自分のコンピューターを仕事のためだけに使用しているため、フォントを表示するためにこれが必要です。

これは Web フォントです: http://openfontlibrary.org/en/font/didact-gothic

私はこれを試してみましたが、運が悪かった: http://css-tricks.com/snippets/css/using-font-face/

前もって感謝します！！！！

編集

この .css があり、作業がないため、ファイルの保存場所が問題だと思います。すべてのファイルの場所は/opt/lammp/htdocs

@font-face {
    font-family: 'DidactGothicMedium';
    src: url('didactgothic.eot');
    src: url('didactgothic.eot') format('embedded-opentype'),
         url('didactgothic.woff') format('woff'),
         url('didactgothic.ttf') format('truetype'),
         url('didactgothic.svg#DidactGothicMedium') format('svg');
}

p {
  font-family: 'Didact Gothic';
  font-weight: normal;
  font-style: normal;
  padding-left: 25px;
  padding-right: 25px;
} 

input {
  font-family: 'Didact Gothic';
  font-weight: normal;
  font-style: normal;
}
4

2 に答える 2

0

http://convertfonts.comなどのサイトからダウンロードできる Web フォント キットを使用する必要があり、スタイル ファイルとフォント ファイルを含めると、フォントはローカル開発で動作しますが、そのためには最初に otf または ttf ファイルが必要です。フォント用に Webkit をダウンロードします。

css、jsフォルダーがあるようにfontsフォルダーを作成し、cssファイルに/ fonts /を含めるだけです。

  @font-face { font-family: 'MuseoSans-100'; 
  src: url('fonts/museosans-100.eot'); 
  src: url('fonts/museosans-100.eot') format('embedded-opentype'), 
       url('fonts/museosans-100.woff') format('woff'), 
       url('fonts/museosans-100.ttf') format('truetype'), 
       url('fonts/museosans-100.otf') format('opentype'), 
       url('fonts/museosans-100.svg#MuseoSans-100') format('svg'); 
  } just an example

css ファイルが別のフォルダーにある場合は、それに応じて URL を変更します。

于 2013-10-15T13:01:00.847 に答える
0

はい、可能です。ブラウザでローカルホストに移動するだけで、ポート転送して独自の IP/ドメインでそこに移動するときと同じように機能するはずです。

その @font が機能しない場合は、1) Chrome/Firefox を使用していることを確認してください (Internet Explorer は特定のファイル拡張子 (.otf だと思います) のみをサポートしています)。

2) 正しいパスが設定されました!

また、あなたの html/css コードの一部が、あなたの質問に答えるのに役立つかもしれません :)

于 2013-10-15T12:04:05.303 に答える