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. Commented el 18 nov. 2022 a las 13:13

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

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