Googleフォントに触発されたシンプルなWebFontホスティング。サーバーで実行され、WebFontファイルを保存および配布し、Webページにフォントを埋め込むためにCSSを生成します。
コンソールで次のコードを実行します。
composer create-project finesse/web-fonts-repository webfonts webfontsは、リポジトリをインストールするディレクトリへのパスです。
または、手動でいくつかのものを作ることができます:
composer installcomposer run-script post-create-project-cmdWebサーバーがlogsディレクトリ内で書き込む権限を実行するユーザーに代わって指定します。
これをコンソールで実行することができます:
# Don't do it in production!
chmod 777 logsディレクトリをpublicにして、Webサーバーのドキュメントルートにします。または、Webサーバールートにリポジトリをインストールした場合は、http:// localhost/publicを開きます。
存在しないファイルへのすべてのリクエストをpublic/index.phpによって処理します。サーバーがApacheの場合、すでに完了しています。
サーバーにAccess-Control-Allow-Origin: * http-headerにフォントファイルに。それ以外の場合、一部のブラウザはリポジトリからフォントを使用して拒否します。
mod_header.cモジュールがオンになっていることを確認することだけです( a2enmod headersコマンドを実行し、サーバーを再起動してオンにするため)。フォントファイル(WOFF、WOFF2、TTF、OTF、EOT、SVG)をpublic/fontsディレクトリに配置します。サブディレクトリによってそれらを分離することができます。 TransFonterを使用してWebFontファイルを変換できます。
すべての設定は、ファイルconfig/settings-local.phpに移動します。持っていない場合は、ファイルconfig/settings-local.php.exampleからコピーしてください。
パラメーター:
displayErrorDetailsエラーの詳細をブラウザに送信する必要があるかどうか。とにかくエラーはファイルlogs/app.logに書き込まれます。生産サーバーでオフにする必要があります。
logger / levelファイルにログに記録するメッセージの数。値はPsrLogLogLevel定数の1つです。ログレベルの詳細については、こちらをご覧ください。
fontsリポジトリで利用可能なフォントのリスト。簡単な例:
return [
// ...
' fonts ' => [
' Open Sans ' => [
' styles ' => [
' 300 ' => ' OpenSans/opensans-light.* ' ,
' 300i ' => ' OpenSans/opensans-light-italic.* ' ,
' 400 ' => ' OpenSans/opensans-regular.* ' ,
' 400i ' => ' OpenSans/opensans-regular-italic.* ' ,
]
],
' Roboto ' => [
' styles ' => [
' 300 ' => ' Roboto/roboto-light.* ' ,
' 400 ' => ' Roboto/roboto-regular.* ' ,
' 500 ' => ' Roboto/roboto-medium.* ' ,
' 700 ' => ' Roboto/roboto-bold.* ' ,
]
]
]
]; fonts配列キーは、フォントファミリ名です。 stylesアレイキーは、スタイル名です。スタイル名の数字はフォントの重みです。 iイタリックの略です。
フォントファイルパスはpublic/fontsディレクトリに関連して指定されます。ファイルパスは、GLOB検索パターンです。つまり、リポジトリは、パターンをフォントファイルとして一致させるすべてのファイルを考慮する必要があることを意味します。
ここでは、より多くの例と可能性を見つけることができます。
フォントを埋め込むページのHTMLコードに<link>タグを追加します。
< link rel =" stylesheet " href =" http://web-fonts-repository.local/css?family=Open+Sans:400,400i,700,700i|Roboto:300,400 " />ここで、 http://web-fonts-repository.localインストールされているWebフォントリポジトリのルートURLです。
必要なフォントは、Googleフォントと同じ方法で指定されています。フォントファミリは|で分割されます、ファミリスタイルは,次を使用してスタイルリストから分割されます:
スタイルリストを省略できます。この場合、通常のスタイル( 400 )が使用されます。
< link rel =" stylesheet " href =" http://web-fonts-repository.local/css?family=Open+Sans " /> displayパラメーターを使用して、フォントディスプレイスタイルプロパティの値を指定できます。例:
< link rel =" stylesheet " href =" http://web-fonts-repository.local/css?family=Open+Sans&display=swap " />次に、CSSコードにフォントを埋め込みました。
body {
font-family : 'Open Sans' , sans-serif;
}このプロジェクトは、セマンティックバージョンに従います。
つまり、パッチバージョンは完全に互換性があり(つまり1.2.1および1.2.2)、マイナーバージョンは後方互換(つまり1.2.1および1.3.2)、主要バージョンが互換性がない(つまり1.2.1および3.0)ことを意味します。プレリリースバージョン(0.*)は少し異なります。パッチバージョンは後方互換性があり、マイナーバージョンは互換性がありません。
mit。詳細については、ライセンスファイルを参照してください。