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

03 March 2023 г. · 1161 · 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: указание авторства, некоммерческое использование и совместное распространение в том же виде!

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

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

Ссылка для регистрации WordPress выдает сообщение «Ваша ссылка для сброса пароля недействительна»

Эта проблема в основном затрагивает функцию восстановления пароля, когда пароль забыт, регистрацию нового пользователя и функцию установки пароля, отправляемую системой новому пользователю. Эту проблему можно решить, выполнив два шага

SMTP

[Ограниченное освобождение/срок действия] Инструмент MindMaster Pro Mind Mapping

Получите код активации для майндмэппинга MindMaster Pro бесплатно

Бесплатно Windows

Как собрать KMS-сервер

Просто используйте проект с открытым исходным кодом GitHub для создания собственного сервера KMS.

Centos KMS Linux VPS Windows

Добавлена поддержка значков Font Awesome в WordPress.

Добавьте коллекции иконок Font Awesome на свой сайт WordPress!

Linux LNMP PHP

Решение аномально медленного завершения работы Ubuntu

С тех пор, как я обновил систему, я не знаю, почему выключение всегда очень медленное.Чтобы логотип Ubuntu отобразился перед выключением, я нашел решение в Интернете.

линукс

Содержание

Предисловие
Введение
Развертывание общедоступной сети CDN
Частное развертывание