Pregunta sobre Atlast Business de Wordpress:

Fuentes personalizadas

Un usuario preguntó 👇

Yo de nuevo – llena este foro. 🙂

¿Hay alguna forma de agregar una fuente personalizada al tema? Me interesa una fuente llamada Appetite; no forma parte del paquete de fuentes estándar. Descargué el paquete de fuentes y lo cargué en mi base de datos. Luego intenté iniciar la fuente con @ font-face, pero desafortunadamente no funcionó.

¿Existe algún plugin amigable que combine bien con el tema? O tal vez estoy haciendo algo mal …

Autor del tema

(@arquimidismo)

Hace 2 años, 8 meses

¡Hola @ damyan90! No le preocupa que le falten muchas cosas, lo que demuestra que está realmente interesado en usar y expandir nuestro tema Atlast Business.

Bueno, esta es una pregunta muy compleja. Esto se debe a que algunas fuentes de Google están integradas en ese tema y también la hoja de estilo está escrita en el idioma SASS (y luego se convierte a CSS). Hasta donde yo sé, no hay ningún plugin para incrustar una fuente realmente personalizada.

Incluso la incrustación web personalizada es difícil de incrustar incluso en los llamados temas «profesionales». Sin embargo, podría ayudar.

Investigaré cómo agregar una fuente personalizada incluso si no eres un desarrollador y escribiré un artículo en la sección de documentación. Se le notificará aquí, ¿de acuerdo?

Creo que en los próximos 2 días tendrás listo el tutorial. Eres muy respetado

ArchimidisM

Lanzador de hilos

(@ damyan90)

Hace 2 años, 8 meses

¡Lo arreglé yo mismo! Primero, debe cargar el archivo de fuente en una carpeta en su servidor (creo que no importa exactamente en qué carpeta) Aquí está el código que usé para instalar una fuente:


@font-face {
    font-family: 'whatever you want the font to be called';
    src: url( 'the URL of the font e.g. where you uploaded it. ) format('truetype');
    font-weight: normal;
}
After you do this, you can use css to boot the font you installed on whatever element you want by using the name you put in font-family.
So, after installing the font with the code I gave, if you want to change the font in the header menu you do this:

selector de encabezado {font-family: ‘el nombre que usó al instalar la fuente’; }

Así que así es como me pareció todo con ambos códigos:


@font-face {
    font-family: 'Appetite-Italic';
    src: url('https://haha.bg/wp-content/themes/haha-bg-child-theme/fonts/appetite/appetite.ttf') format('truetype');
    font-weight: normal;
}

para instalar la fuente. Y ahora…


body > div.header-image-container > div > h2 {
	font-family: 'Appetite-Italic'
}

NB !! Cuando agregue la (s) fuente (s) a su base de datos, debe ser .ttf o .otf Asegúrese de que el nombre del archivo esté solo en minúsculas. Es por eso que mi código no se ejecutó al principio.

Autor del tema

(@arquimidismo)

Hace 2 años, 8 meses

Querido Damyan90, eres increíble. Estaba a punto de escribir un tutorial hoy, y lo hiciste. ¡Prestigio!

Saludos y gracias de nuevo! ArchimidisM

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *