Bootstrap サイトのデフォルト フォントを Xialu Wenkai に変更するにはどうすればよいですか?
2023-03-03 · 1176 · 1 min
# はじめに
最近、インターネットでオープンソースの中国語フォントを見て、とても格好良いので、それを研究してブログに展開しましたが、この記事を見ると、このサイトはXia Lu Wenkaiに置き換えられています。 この記事では、サードパーティのフォントを展開するためのブートストラップ2つの方法を簡単に紹介します。
# はじめに
オープンソースアドレス: [github.com/lxgw/LxgwWenKai] (https://github.com/lxgw/LxgwWenKai)
これは、模造歌と斜体の特徴を兼ね備えた日本語の教科書スタイルのフォントで、読みやすいです。 一部のDIYフォント愛好家は、iOS、Android、その他の携帯電話システムに移植された携帯電話システムの美化フォントとして、このフォントを完成させるために模造歌やその他のフォントを連続して使用し、多くの友人に歓迎されています。 ただし、この完成したフォントにはいくつかの欠点があります。 まず、元のフォントと補助フォントには一定の違いがあり、いくつかの異なる文字(クレーの元の漢字と補助の簡体字など)を混在させると違反感が生じます。 第二に、補完に使用されているフォントは商用著作権フォントであるため、完成後は商用目的で使用することはできず、侵害のリスクがあります。 また、既存のオープンソースの中国語フォントライブラリでは、斜体クラスはほとんどなく、模倣曲タイプはほとんどありません。
# 公開 CDN の展開
パブリック CDN の展開は、サイトの <html> ファイルの <head> に次の 2 行のコードを追加するだけで簡単に行えます。
<code class="hljs XML"><span class="hljs-tag"><<span class="hljs-name">link <span class="hljs-attr">rel=<span class="hljs-string">"stylesheet"
<span class="hljs-tag"><<span class="hljs-name">style><span class="css"><span class="hljs-selector-tag">body{<span class="hljs-attribute"> font-family:"LXGW WenKai",serif; }<span class="hljs-tag"></<span class="hljs-name">style>
# プライベート展開
より高速な速度が必要な場合は、フォントファイルファイルを自分でデプロイし、フォントファイルをダウンロードし、ファイル内の相対リンクを変更して、ルートディレクトリに配置するだけです。 フォントファイルは次のアドレスからダウンロードできます。
https://registry.npmjs.org/lxgw-wenkai-webfont/-/lxgw-wenkai-webfont-1.7.0.tgz
ダウンロードして変更した後、下位コードをサイトの<html>の<head>に配置し、更新して効果を確認します。
<code class="hljs XML"><span class="hljs-tag"><<span class="hljs-name">link <span class="hljs-attr">rel=<span class="hljs-string">"stylesheet"
<span class="hljs-tag"><<span class="hljs-name">style><span class="css"><span class="hljs-selector-tag">body{<span class="hljs-attribute"> font-family:"LXGW WenKai",serif; }<span class="hljs-tag"></<span class="hljs-name">style>
オフサイトサイトにデプロイするか、CDNを使用する場合、Nginx corsのクロスドメインの問題が発生する可能性があり、Nginxでの解決策は、add_headerを追加し、サイトのNginx構成ファイルに次のコードを追加してから、Nginxを再起動することです。
サーバー{
...
add_header アクセス制御-オリジン許可 *;
...
}
タグ :
著作権に関する注意事項 :
この記事はSaltyLeoによって書かれました。誤りがある場合は、コメントでフィードバックをお願いします。この記事の転載や引用を行う場合は、CC BY-NC-SA ライセンスに従う必要があります。帰属表示、非営利利用、同一条件の共有が必要です！コメント :
続きを読む :
この記事では、BBR の機能と、BBR を 1 つのキーで開く操作方法について説明します。
現在市販されている車は基本的にチューブレスタイヤであり、アトミックタイヤと呼ばれています
プロダクションオフィス環境へのインストールには適していませんが、コンピューターで遊ぶのが大好きな子供の靴には適しています. 結局、プレビュー版のシステムは、失敗するとリセットする必要があります.
ネットワークもアップグレードされ、機器のデバッグも行われましたが、外部ネットワーク上のローカル ファイルにアクセスしたい場合はどうすればよいですか?
iPhoneのメンテナンス記録
日本語
中文
English
Français
Deutsch
Pу́сский язы́к
한국어
Español