Как изменить шрифт сайта Bootstrap по умолчанию на Xialu Wenkai?

03 March 2023 г. · 1154 · 6 min

# Предисловие

Недавно я увидел китайский шрифт с открытым исходным кодом в Интернете, очень красивый, поэтому я изучил его и развернул в своем блоге, когда вы видите эту статью, этот сайт был заменен на Xia Lu Wenkai. В этой статье кратко представлены два метода начальной загрузки для развертывания сторонних шрифтов.

# Введение

Адрес с открытым исходным кодом: [github.com/lxgw/LxgwWenKai] (https://github.com/lxgw/LxgwWenKai)

Это шрифт в стиле японского учебника, который сочетает в себе характеристики имитации песни и курсива и легко читается. Некоторые энтузиасты шрифтов DIY последовательно использовали имитацию песни и другие шрифты для завершения этого шрифта в качестве шрифта украшения системы мобильных телефонов, перенесенной в iOS, Android и другие системы мобильных телефонов, приветствуемые многими друзьями. Однако у этого завершенного шрифта есть некоторые недостатки. Во-первых, существуют определенные различия между исходным шрифтом и дополнительным шрифтом, что приводит к ощущению нарушения после смешивания некоторых разных иероглифов (например, оригинальных китайских иероглифов Клее и дополнительных упрощенных символов). Во-вторых, поскольку шрифт, используемый для дополнения, является коммерческим авторским шрифтом, он не может быть использован в коммерческих целях после завершения, и существует риск нарушения. Кроме того, в существующей библиотеке китайских шрифтов с открытым исходным кодом есть несколько курсивных классов и почти нет имитационных типов песен.

# Развертывание общедоступной сети CDN

Развертывание общедоступной сети CDN так же просто, как добавление следующих двух строк кода в <head> файла <html> вашего сайта.

<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

Скачав и изменив его, поместите подчиненный код в > <head <html> вашего сайта, обновите его и посмотрите на эффект.

<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.

server{
   ...
   add_header Access-Control-Allow-Origin *;
   ...
}

Уведомление об авторском праве :

Эта статья написана SaltyLeo. Если в содержимом есть неточности, пожалуйста, оставьте комментарий. При цитировании или публикации этой статьи, пожалуйста, придерживайтесь условий лицензии CC BY-NC-SA: указание авторства, некоммерческое использование и совместное распространение в том же виде!

Комментарий :

Читать далее :

как смонтировать каталог системы Linux на Windows?

простой метод монтирования каталога сервера Linux под Windows

программирование Linux Windows

Используйте OpenAi Api для создания локальной веб-версии ChatGPT.

Используйте OpenAi Api, чтобы обойти ограничения доступа к веб-версии.

Программирование Linux Ubuntu

Простая система обратной связи с пользователями FeedBack - hotjar

Установите и настройте очень простую и удобную систему обратной связи с пользователями

компьютер программное обеспечение

Новое открытие для Baidu Netdisk!

Очень прост в использовании, по крайней мере, на данный момент он может загружаться на полной скорости. Скорость загрузки широкополосного доступа 100M составляет 10M/s, что уже очень хорошо.

baidu Windows облачные сервисы инструменты