Skip to content Skip to sidebar Skip to footer
Home / Css / Email / Fonts / Html

Can @fontface Be Used Within A Tag? (for Email Signature Reliability)

Post a Comment
I am working on getting an email signature to take a custom look. It irks me that that I am compelled to go this route by the inconsistent rendering of email clients, but is there

Solution 1:

Short story: font-face is an at-rule. Not happening. Use an external style sheet and put it there for proper guidelines and maintainability.

As an aside, note that @font-face may be used not only at the top level of a CSS, but also inside any CSS conditional-group at-rule.


Solution 2:

Well first of all, this won't work because its not valid syntax; but more importantly - Tiemann may not be available on the target system; in which case you need to supply a generic font family. See this link for more information.


Solution 3:

CSS support in email clients varies quite alot and the browsers in question might just not support that property.


Solution 4:

I don't think you can use it with inline styles, but you could use

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-16be-with-bom" />
    <title>Untitled</title>
    <meta name="generator" content="BBEdit 10.5" />
    <style type="text/css">
    @font-face {
        font-family:'Tiemann';
        src: url('https://dl.dropboxusercontent.com/u/35370696/font_embed/tiemannlightwebfont.eot');
        src: url('https://dl.dropboxusercontent.com/u/35370696/font_embed/tiemannlightwebfont.eot?#iefix') format('embedded-opentype'),
             url('https://dl.dropboxusercontent.com/u/35370696/font_embed/tiemannlightwebfont.woff') format('woff'),
             url('https://dl.dropboxusercontent.com/u/35370696/font_embed/Tiemann_Light.ttf') format('truetype'),
             url('https://dl.dropboxusercontent.com/u/35370696/font_embed/tiemannlightwebfont.svg#Tiemann') format('svg');
    }
    </style>

</head>
<body>


<span  style="font-family:'Tiemann'; font-size:22pt; color:#6D6D6D; float:left; ">
 DIACRÍTICA 
</span>


</body>
</html>

Post a Comment for "Can @fontface Be Used Within A Tag? (for Email Signature Reliability)"