Pregunta sobre WooCommerce PDF Invoices & Packing Slips de Wordpress:

Insertar una fuente personalizada

Un usuario preguntó 👇

Hola,

En la plantilla personalizada, logré agregar una fuente Gotham normal pero, por alguna razón, otras versiones de la misma fuente no afectarán la plantilla. Por ejemplo, no puedo aplicar una fuente fina y ligera.

Este es el código CSS que estoy usando. Las fuentes están dentro de la carpeta de fuentes dentro de la carpeta de plantillas.

/ * Cargar fuente * / @ font-face {font-family: ‘Gotham’; estilo de fuente: normal; peso de la fuente: normal; src: formato local (‘Gotham Medium’), local (‘Gotham-Medium’), url ( get_template_path ();?> / fonts / Gotham-Medium.ttf) formato (‘truetype’); }

@ font-face {familia de fuentes: ‘Gotham’; estilo de fuente: normal; font-weight: delgado; src: formato local (‘Gotham Thin’), local (‘Gotham-Thin’), url ( get_template_path ();?> / fonts / Gotham-Thin.ttf) formato (‘truetype’); }

@ font-face {familia de fuentes: ‘Gotham’; estilo de fuente: normal; font-weight: ligero; src: formato local (‘Gotham-Light’), local (‘Gotham-Light’), url ( get_template_path ();?> / fonts / Gotham-Light.ttf) formato (‘truetype’); }

Gracias

(@kluver)

Hace 2 años, 1 mes

Hola @tonijeto,

¿También está aplicando el tamaño de fuente a través de CSS personalizado en los elementos HTML que desea orientar? ¿Y podría enviarnos un ejemplo de esa SEC para que podamos ver que se está implementando correctamente?

Lanzador de hilos

(@tonijeto)

Hace 2 años, 1 mes

Gracias por responder.

Estoy usando: body {font-weight: normal; }

No puedo llamar a otras dos fuentes como ‘delgadas’ o ‘ligeras’. Descubrí si nombré una fuente clara como «Negrita» (en @ font-face) y agregué un peso de fuente: negrita; para el cuerpo, se aplica la impresión clara.

@ font-face {familia de fuentes: ‘Gotham’; estilo de fuente: normal; peso de la fuente: negrita; src: formato local (‘Gotham-Light’), local (‘Gotham-Light’), url ( get_template_path ();?> / fonts / Gotham-Light.ttf) formato (‘truetype’); }

Espero que esto quede lo suficientemente claro.

(@granada)

Hace 2 años, 1 mes

Hola tonijito, creo que todavía nos falta algo de información sobre cómo estás implementando. Escribiste que estás usando:


body {
font-weight: normal;
}

Pero eso solo se aplica a normal peso de la fuente. Si entiendo correctamente, la pregunta aquí es con el light font-weight específicamente y normal funcionando perfectamente? ¿Qué estilos usas para el light peso de la fuente? además, el body la definición aquí tampoco especifica la fuente, por lo que todas tomarían una fuente diferente. Para aplicar la fuente ligera, necesitaría especificar esa fuente y peso de fuente específicos, así:


body {
    font-family: 'Gotham';
    font-weight: bold;
}

Si pudiera proporcionar un poco más de CSS sobre cómo está implementando, haremos todo lo posible para ayudar a resolver este problema.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.