WordPress es uno de los motores de contenido más populares que le permite crear plataformas en línea de varios componentes. Puede crear un blog, una tienda en línea, un portal de información y un sitio web normal. Al usar WordPress, tendrá herramientas útiles para personalizar plantillas listas para usar y crear un sitio web.
Todo el mundo sabe que uno de los aspectos importantes de un aspecto llamativo para un activo es la tipografía armoniosa y elegante. Hay más en las fuentes de lo que imaginas. Pueden atraer a los clientes o estropear su impresión en el sitio.
Entonces responda la pregunta: ¿por qué usar guiones aburridos y poco atractivos? Deje que su sitio web brille y transmita completamente el estado de ánimo y el mensaje del proyecto. Utilice fuentes personalizadas y flexibles para que su plataforma se vea mejor que los sitios de sus competidores. Hoy le mostraremos cómo agregar fuentes personalizadas a WordPress sin complementos.
De esta forma evitarás sobrecargar la página con complementos y crearás una tipografía encantadora. ¡Entonces vamos!
¿Por qué usar fuentes personalizadas en su sitio de WordPress?
La tipografía es toda la ciencia del uso de guiones. Y es imposible decirlo en dos palabras. No se trata solo de la fuente, sino también de su tamaño, inclinación, grosor y más.
En primer lugar, las letras que usa tienen mucho que ver con la forma en que percibe su sitio web. ¿Cuál es tu plataforma? ¿Diversión y diversión? ¿Serio y experto? Los visitantes deciden con una sola mirada y sus tipos de letra juegan un papel importante en este proceso.
Las fuentes tienen un impacto mucho mayor de lo que piensas. Mejoran la comprensión del contenido que se lee. Porque en un nivel subconsciente, cada usuario juzga el contenido de un sitio web en función de su diseño. El script utilizado facilita la lectura o obliga a los usuarios a abandonar el sitio web.
Todos los navegadores modernos vienen con un conjunto de fuentes predeterminadas. Si la fuente no se especifica en el CSS del sitio web, se utilizará el tipo de letra predeterminado. Para evitar problemas, debe agregar una fuente personalizada a su sitio de WordPress.
Selección y descarga de fuentes
Elegir el script correcto para su sitio de WordPress es una parte central del diseño y la marca de su sitio web. La tipografía juega un papel importante en la percepción que los visitantes tienen de su sitio, al igual que los colores, las imágenes y otros elementos. Afortunadamente, las fuentes de WordPress son una de las muchas cosas que puedes personalizar a tu gusto.
Hay una gran cantidad de recursos en Internet que contienen varias fuentes premium y gratuitas. Recomendamos usar MasterBundles para encontrar artículos premium de alta calidad. son únicos y mejores fuentes de escritura Por ahí. Y si quieres elegir opciones gratuitas, ve a Google Web Fonts.
Cuando busque soluciones web en la colección de Google Fonts, puede consultar la interfaz de usuario. Allí podrá encontrar el escenario perfecto para sus propósitos. Si ya ha seleccionado un subtítulo, simplemente puede ingresar su nombre en el cuadro de búsqueda en la barra lateral derecha.
Si no, puede filtrar los scripts de diferentes maneras, por ejemplo, por categoría, idioma, pendiente, grosor, etc. Luego descargue el producto de su elección y ahora puede agregar manualmente la fuente a WordPress.
Agregar fuentes en WordPress sin complementos
Cuando se trata de agregar manualmente fuentes personalizadas a WordPress, tiene tres opciones principales: archivo de plantilla de WordPress, @importary @fuente Funciones. Cada método tiene sus propias ventajas y desventajas, y cuál se adapta mejor a ti depende de tus opciones.
1. Uso de un archivo de plantilla de WordPress.
La primera forma de conectar fuentes personalizadas a su sitio es descargar el código proporcionado por las bibliotecas de secuencias de comandos y copiarlo en el archivo header.php de la plantilla. La mayoría de los temas estándar de WordPress tienen esto.
Asegúrate de ponerlo en algún punto intermedio
y paréntesis. De esta manera, su fuente se cargará cuando se cargue la página.
Si está utilizando un tema secundario, copie el archivo header.php del tema principal en el directorio secundario y realice cambios en él.
Algunos temas vienen con configuraciones que le permiten agregar código personalizado al encabezado y pie de página a través del backend. También es una opción bastante viable.
2. Uso de CSS y @import
Si planea configurar fuentes personalizadas de la colección de fuentes de Google, puede notar que tienen una pestaña llamada @importar. El servicio proporciona un fragmento de código CSS. Por ejemplo:
Puede tomarlo tal cual y pegarlo en el encabezado o copiarlo sin los corchetes «estilo» al comienzo del tema. estilo.css expediente.
Sube la fuente al sitio desde la hoja de estilos. Este método es bastante sencillo, pero no permite que los navegadores carguen varias hojas de estilo a la vez. Como resultado, las páginas de su sitio web se cargarán más lentamente.
3. Usando @ font-face
Una forma es incrustar las fuentes en su sitio y ofrecerlas a los visitantes de su navegador desde allí. Cuando haga esto, asegúrese de obtenerlo en formato de fuente web. Debe estar en formato TTF, OTF o WOFF.
Una vez que tenga listos los archivos de script, debe cargarlos en su sitio de WordPress a través de FTP. Un buen lugar para almacenarlos es en el subdirectorio del tema secundario con el nombre de la fuente.
Luego, debe cargar el tipo de letra en la hoja de estilo con @fuente. Esto es lo que parece:
No olvide reemplazar el nombre de la fuente y su dirección de ubicación en su sitio. Después de eso, la nueva fuente estará disponible para su uso.
Hay otra manera que la mayoría de la gente encuentra la más apropiada y correcta. Puede usar el archivo functions.php en el directorio de funciones y temas activos actuales wp_enqueue_script o wp_enqueue_style.
Con su ayuda, podemos descargar fragmentos de código proporcionados por sitios web de fuentes. Sin embargo, en lugar de copiarlos en un archivo, agréguelos al encabezado usando la función.
Después de seleccionar las fuentes de Google para la actividad, agrégalas a tu sitio web usando el siguiente código:
Eso es todo. Esperamos que este artículo lo haya ayudado con su trabajo y ahora puede agregar fácilmente fuentes a WordPress de varias maneras.
