[WordPress] オフラインのイントラネット web サイトで使用するフォントをインストールします。

スポンサーリンク

質問

私はワードプレスのウェブサイトを開発中をオフラインで使用するフォントをインストールしようとしています。これは何をしようが、それはまだ動作しません:

  • /wp-content/themes/myTheme/font にファイルの内容を追加
  • fontsquirrel.com 経由でフォントを作成
  • 私 style.css ファイルで、次のコードを追加:
@font-face {
    font-family: 'latobold';
    src: url('/font/Lato-Bold-demo.eot') format('eot');
    src: url('/font/Lato-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/Lato-Bold-webfont.woff2') format('woff2'),
         url('/font/Lato-Bold-webfont.woff') format('woff'),
         url('/font/Lato-Bold-webfont.ttf') format('truetype'),
         url('/font/Lato-Bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
  • 私は、次のコードを介して体のフォントを変更しよう:
body {
font-family: 'latobold', sans-serif;
}

サンセリフ他何かに私のフォントのデフォルトします。Sans serif を削除私は場合は Times New Roman です。Url パス名に関する問題があると思う

答え

フォント ファイルすべての拳は

/wp-content/font

フォルダー内にすべきではないです。あなたの主題フォルダーと仮定する

myawesometheme

と呼びます

あなたは本当にここで

font

フォルダーを置く必要があります:

/wp-content/themes/myawesometheme/font

あなたの

style.css

へのパスのようになります:

/wp-content/themes/myawesometheme/style.css

フォントのこれのように内側と:

@font-face {
    font-family: 'latobold';
    src: url('font/Lato-Bold-demo.eot') format('eot');
    src: url('font/Lato-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Lato-Bold-webfont.woff2') format('woff2'),
         url('font/Lato-Bold-webfont.woff') format('woff'),
         url('font/Lato-Bold-webfont.ttf') format('truetype'),
         url('font/Lato-Bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

生成を言った fontsquirrel.com からコードはきわめて信頼性の高い。念のため、フォント作業で、壊れていない前にファイルをアップロードします。ダブル チェック

font-family

のフォント名

Google フォントをオプションではない推測するオフライン開発」とおっしゃるとおり。しかし、そこから実際にそのフォントをダウンロードすることができます

http://stackoverflow.com/questions/28727955/installing-font-for-offline-intranet-website-use

スポンサーリンク

Leave a Reply