¿Cómo cambiar la fuente predeterminada del sitio de Bootstrap a Xialu Wenkai?

2023-03-03 · 1157 · 6 min

# Prefacio

Recientemente vi una fuente china de código abierto en Internet, muy atractiva, así que la estudié y la implementé en mi blog, cuando vea este artículo, este sitio ha sido reemplazado por Xia Lu Wenkai. Este artículo presentará brevemente bootstrap dos métodos para implementar fuentes de terceros.

# Introducción

Dirección de código abierto: [github.com/lxgw/LxgwWenKai] (https://github.com/lxgw/LxgwWenKai)

Esta es una fuente de estilo de libro de texto japonés, que combina las características de imitación de Song y cursiva, y es muy legible. Algunos entusiastas de las fuentes DIY han utilizado sucesivamente la imitación de Song y otras fuentes para completar esta fuente, como una fuente de embellecimiento del sistema de telefonía móvil trasplantada en iOS, Android y otros sistemas de telefonía móvil, bienvenida por muchos amigos. Sin embargo, esta fuente completa tiene algunas deficiencias. En primer lugar, hay ciertas diferencias entre la fuente original y la fuente suplementaria, lo que resulta en una sensación de violación después de mezclar algunos caracteres diferentes (como los caracteres chinos originales de Klee y los caracteres simplificados suplementarios). En segundo lugar, dado que la fuente utilizada para el complemento es una fuente comercial protegida por derechos de autor, no puede utilizarse con fines comerciales una vez finalizada, y existe el riesgo de infracción. Además, en la biblioteca de fuentes chinas de código abierto existente, hay pocas clases en cursiva y casi ningún tipo de canción de imitación.

# Implementación de CDN pública

La implementación pública de CDN es tan simple como agregar las siguientes dos líneas de código al <head> del archivo <html> de su sitio.

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

# Implementación privada

Si desea una velocidad más rápida, puede implementar el archivo de fuente usted mismo, simplemente descargue el archivo de fuente, modifique los enlaces relativos en el archivo y colóquelo en su directorio raíz. El archivo de fuente se puede descargar en la siguiente dirección:

https://registry.npmjs.org/lxgw-wenkai-webfont/-/lxgw-wenkai-webfont-1.7.0.tgz

Después de descargarlo y modificarlo, coloque el código subordinado en el > < del <html> de su sitio, refrésquelo y vea el efecto.

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

Si implementa en un sitio externo o usa una CDN, puede encontrar el problema entre dominios de Nginx cors, y luego la solución en Nginx es agregar un add_header, agregar el siguiente código al archivo de configuración Nginx de su sitio y, a continuación, reiniciar Nginx.

servidor{
   ...
   add_header Acceso-Control-Permitir-Origen *;
   ...
}

Etiquetas :

# Programación

Aviso de derechos de autor :

Este artículo está escrito por SaltyLeo. Si hay algún error en el contenido, por favor, deje un comentario. Al copiar o citar este artículo, por favor, cumpla con la licencia CC BY-NC-SA que requiere atribución, uso no comercial y compartir bajo la misma licencia.

Comentario :

Leer más :

¿Por qué necesito refactorizar el código de mi sitio? ¡Actualización del sitio web!

¿Necesito refactorizar el código? y posibles problemas y consideraciones en la refactorización del código.

Programación Linux Python Flask

El enlace de registro de WordPress indica "Su enlace de restablecimiento de contraseña no es válido"

Este problema afecta principalmente a la función de recuperación de contraseña cuando se olvida la contraseña, el registro de nuevo usuario y la función de configuración de contraseña enviada por el sistema al nuevo usuario. Este problema se puede resolver siguiendo dos pasos.

SMTP