Can @fontface be used within a tag? (for email signature reliability)
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 a way to make @fontface apply fonts to text
by declaring the font style within a tag itself? Doing it the standards
way (either with the styling in a header or within the HTML body) does not
get the font to render on mobile email clients, though it does on some
desktop apps.
I tried styling within the tag. (sample below) In theory this could work,
but does not come out nicely on a browser. Should I let this one go, or
are there better ways I am missing?
And just for clarity, this @fontface syntax does work for me when put in a
correctly done style tag. Below is my attempt at defining it within the
tag which yields weird results. Non-font styling comes through nicely, but
the font gets put in as Times, not Tiemann. (Look at the "C" and the "Í"
to tell them apart.)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-16be-with-bom" />
<title>Untitled</title>
<meta name="generator" content="BBEdit 10.5" />
</head>
<body>
<span style="@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');
font-size:22pt;
color:#6D6D6D;
float:left;
">
DIACRÍTICA
</span>
</body>
</html>
No comments:
Post a Comment