0

Estoy intentando crear una firma personalizada en HTML para la empresa en donde trabajo y me estoy encontrando con dos problemas: el primero es que no estoy pudiendo importar la fuente externa. Veo la misma cuando lo diseño y previsualizo en mi explorador, pero en cuanto lo copio y pego en Gmail, se pierde esa fuente. Ya he probado con @import, @font-face y también con link del en el head.

El segundo inconveniente es más una pregunta: si quiero utilizar una imagen (png, svg, etc.), ¿debería subirla a un servidor y linkearla? O es suficiente con usar el svg desde mi directorio local y al copiar la firma se copia dicho archivo también.

Este es el código que armé hasta ahora.

<body style="margin: 0;">
<div  style="display: grid;grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 35px 35px 35px;height: 100px;grid-column-gap: 1.5rem; grid-row-gap: .5rem;align-items: center;">
    <img src="SVG/EMPTRESA.svg"alt="Logo" style="height:100%; grid-row: 2 span;">
    <p class="nombre" style="grid-row: 2 span;color: #3131FF;font-family: 'Anton', sans-serif;font-weight:400;font-size: 5rem;white-space: nowrap;">NOMBRE DE LA PERSONA</p>
    <p style="color: #3131FF;">Teléfono 1</p>
    <img src="SVG/APCP.svg" style="height: 100%;grid-row: 2 span;" alt="">
    <p style="color: #3131FF;">Teléfono 2</p>
    <div></div>
    <p style="color: #3131FF;font-family: Archivo Narrow;font-weight: bold;">SPAIN - EXCECUTIVE PRODUCER</p>
    <p style="color: #3131FF;">EMPRESA</p>
    <div></div>
</div>
</body>

Gracias!!

0

1 respuesta 1

1

Sobre la fuente, ¿qué fuente estás intentando importar? Es posible que al no ser una fuente de google, gmail no la admite. En principio, con un link como:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">

Con respecto a las imágenes, te recomiendo que las subas a un server y las enlaces con rutas absolutas. Algunos clientes de correo no interpretan el código de los SVG's. El estándar para los emails es PNG.

1
  • Estoy intentando usar dos fuentes de Google: Anton y Archivo. Ya probé con los tres métodos y no funciona. Sin embargo tampoco encuentro ninguna web que aclare que los proveedores de correos electrónicos (como Gmail) no permiten otras fuentes que no sean las sugeridas. el 18 nov. 2022 a las 13:13

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.