Wie ändere ich die Standardschriftart der Bootstrap-Site in Xialu Wenkai?
2023-03-03 · 1146 · 6 min
# Vorwort
Kürzlich habe ich eine chinesische Open-Source-Schriftart im Internet gesehen, die sehr gut aussieht, also habe ich sie studiert und in meinem Blog eingesetzt, wenn Sie diesen Artikel sehen, wurde diese Seite durch Xia Lu Wenkai ersetzt. In diesem Artikel werden zwei Bootstrap-Methoden zum Bereitstellen von Schriftarten von Drittanbietern kurz vorgestellt.
# Einleitung
Open-Source-Adresse: [github.com/lxgw/LxgwWenKai] (https://github.com/lxgw/LxgwWenKai)
Dies ist eine Schriftart im japanischen Lehrbuchstil, die die Eigenschaften von Imitation Song und Kursivschrift kombiniert und sehr gut lesbar ist. Einige DIY-Schrift-Enthusiasten haben nacheinander Nachahmungen von Song und anderen Schriftarten verwendet, um diese Schriftart zu vervollständigen, als Verschönerungsschrift des Mobiltelefonsystems, das in iOS, Android und andere Mobiltelefonsysteme verpflanzt wurde und von vielen Freunden begrüßt wurde. Diese fertige Schriftart weist jedoch einige Mängel auf. Erstens gibt es bestimmte Unterschiede zwischen der Originalschrift und der ergänzenden Schriftart, was zu einem Gefühl der Verletzung führt, nachdem einige verschiedene Zeichen gemischt wurden (z. B. Klees ursprüngliche chinesische Schriftzeichen und ergänzende vereinfachte Zeichen). Zweitens, da es sich bei der für die Ergänzung verwendeten Schriftart um eine urheberrechtlich geschützte Schriftart handelt, kann sie nach ihrer Fertigstellung nicht mehr für kommerzielle Zwecke verwendet werden, und es besteht die Gefahr einer Verletzung. Darüber hinaus gibt es in der bestehenden chinesischen Open-Source-Schriftbibliothek nur wenige kursive Klassen und fast keine nachgeahmten Songtypen.
# Öffentliche CDN-Bereitstellung
Die öffentliche CDN-Bereitstellung ist so einfach wie das Hinzufügen der folgenden zwei Codezeilen zum <Kopf> der <html>Datei Ihrer Website.
<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>
# Private Bereitstellung
Wenn Sie eine höhere Geschwindigkeit wünschen, können Sie die Schriftartdateidatei selbst bereitstellen, indem Sie einfach die Schriftartdatei herunterladen, die relativen Links in der Datei ändern und sie in Ihrem Stammverzeichnis ablegen. Die Schriftartdatei kann unter folgender Adresse heruntergeladen werden:
https://registry.npmjs.org/lxgw-wenkai-webfont/-/lxgw-wenkai-webfont-1.7.0.tgz
Nachdem Sie es heruntergeladen und geändert haben, fügen Sie den untergeordneten Code in den <Kopf> des <HTML> Ihrer Website ein, aktualisieren Sie ihn und sehen Sie den Effekt.
<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>
Wenn Sie auf einer externen Site bereitstellen oder ein CDN verwenden, kann das domänenübergreifende Problem von Nginx-Cors auftreten, und dann besteht die Lösung unter Nginx darin, eine add_header hinzuzufügen, den folgenden Code zur Nginx-Konfigurationsdatei Ihrer Site hinzuzufügen und dann Nginx neu zu starten.
server{
...
add_header Zugriffskontrolle-Allow-Origin *;
...
}
Tags :
Urheberrechtshinweis :
Dieser Artikel wurde von SaltyLeo verfasst. Bei Fehlern bitte eine Nachricht hinterlassen. Bei der Reproduktion oder Zitierung dieses Artikels beachten Sie bitte die CC BY-NC-SA Lizenz, die Namensnennung, nichtkommerzielle Nutzung und die gleiche Weitergabe erfordert!Kommentar :
Weiterlesen :
Verwenden Sie ein selbstsigniertes Zertifikat mit Nginx, um unsere echte IP zu schützen
Erstellen Sie Ressourcen in Azure und konfigurieren Sie sie in OpenCat.
Stellen Sie kurz vor, wie Sie das Workflow-Gadget verwenden und es zum Anzeigen von DHT11-Sensordaten verwenden.
In diesem Artikel werden die Eigenschaften von OpenAI ChatGPT für iOS kurz vorgestellt, die Vor- und Nachteile von Drittanbietern verglichen und einige kleinere Probleme erläutert.
Dies ist der erste Artikel in der Serie zur Nutzung alter Maschinen, und es ist auch ein sehr wichtiger Artikel, da sich der Server im internen Netzwerk befindet, wird dieser Artikel die interne FRP-Netzwerkdurchdringung dafür konfigurieren
Inhaltsverzeichnis
Deutsch
中文
English
Français
日本語
Pу́сский язы́к
한국어
EspañolWebsite-Informationen
Tags: 164
Gesamtseitenaufrufe: 12,889,943
Ladezeit: 8.33 ms
Ver : 4.0.1