问题描述
我真的是新来的人，但是我从这个社区中读了很多信息和帮助，您真的很棒！目前，我几乎不需要html和CSS。
我确实有一个客户，它需要用于通讯和电子邮件html art的特定字体，我一直在尝试从此处和其他资源中获得许多选择，但是该字体仍未显示在html arts上。
我们将字体上载到某个服务器以供使用，但没有任何使用，并且该字体不在googlefont或任何其他CDN服务中。
有人可以给我一点帮助吗？
这是我的代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--<Meta http-equiv="Content-Type" content="text/html; charset=utf-8" />-->
<Meta charset="utf-8">
<Meta name="viewport" content="width=device-width,initial-scale=1.0" />
<Meta http-equiv="X-UA-Compatible" content="IE=edge">
<Meta name="x-apple-disable-message-reformatting">
<!-- Desktop Outlook chokes on web font references and defaults to Times New Roman,so we force a safe fallback font. -->
<!--[if mso]>
<style>
* {
font-family: sans-serif !important;
}
</style>
<![endif]-->
<!--[if !mso]><!-->
<!--<title>¡Feliz Aniversario!</title>-->
<style>
@import url("http://www.mywebsite/clients/abc/webfonts/stylesheet.css");
</style>
<style type="text/css">
@font-face {
font-family: "DeliveryRegular";
font-style:normal;
font-weight: normal;
src: local("Delivery Regular"),local("DeliveryRegular");
src: url("http://www.mywebsite/clients/abc/webfont/WOFF/Delivery_W_Rg.woff") format("woff");
src: url("http://www.mywebsite/clients/abc/webfont/WOFF2/Delivery_W_Rg.woff2") format("woff2");
src: url("http://www.mywebsite/clients/abc/webfont/TTF/Delivery_Rg.ttf") format("ttf");
src: url("http://www.mywebsite/clients/abc/webfont/EOT/Delivery_W_Rg.eot") format("embedded-opentype");
}
@font-face {
font-family: 'DeliveryBold';
font-style:normal;
font-weight: normal;
src: local('Delivery Bold'),local('DeliveryBold'),url('http://www.mywebsite/clients/abc/webfont/WOFF/Delivery_W_Bd.woff') format('woff'),url('http://www.mywebsite/clients/abc/webfont/WOFF2/Delivery_W_Bd.woff2') format('woff2'),url('http://www.mywebsite/clients/abc/webfont/TTF/Delivery_Bd.ttf') format('ttf'),url('http://www.mywebsite/clients/abc/webfont/EOT/Delivery_W_Bd.eot') format('embedded-opentype');
}
@font-face {font-family: 'DeliveryCondensedBlack';
font-style:normal;
font-weight: normal;
src: local('Delivery Condensed Black'),local('DeliveryCondensedBlack'),url('http://www.mywebsite/clients/abc/webfont/WOFF/Delivery_W_CdBlk.woff') format('woff'),url('http://www.mywebsite/clients/abc/webfont/WOFF2/Delivery_W_CdBlk.woff2') format('woff2'),url('http://www.mywebsite/clients/abc/webfont/TTF/Delivery_CdBlk.ttf') format('ttf'),url('http://www.mywebsite/clients/abc/webfont/EOT/Delivery_W_CdBlk.eot') format('embedded-opentype');
}
</style>
<style>
body,table,thead,tbody,tr,td,img {padding: 0;margin: 0;border: none;border-spacing: 0px;border-collapse: collapse;vertical-align: top;}
/* Add some padding for small screens */
.encabezadoUno,.encabezadodos{color: #D40511;}
p{color:#333333;}
.wrapper {padding-left: 10px;padding-right: 10px;}
/*h1,h2,h3,h4,h5,h6,p {margin: 0;padding: 0;padding-bottom: 20px;line-height: 1.6;font-family: 'Helvetica','Arial',sans-serif;}*/
.bloqueEncabezado{text-align:center;padding-left:5%;padding-right:5%;}
.encabezadoUno{font-family: 'DeliveryBold';font-size:1.45em;margin-top:15%;}
.encabezadodos{font-family: 'DeliveryRegular';font-size:1.4em;}
p{font-family: 'DeliveryRegular';font-size:1.2em;text-align:center;padding-left:5%;padding-right:5%;}
.nombre{font-family: 'DeliveryCondensedBlack';font-size:2.6em;color:#D40511;text-align:center;padding-bottom:5%;text-transform: uppercase;}
img {width: 100%;display: block;}
.bg_yellow,.wrapper .section{background:#FFCC00;}
.txt_dark{background:#333333;}
.txt_red{color:#D40511;}
.headImage{padding-bottom:5%;}
.footerImage{padding-bottom:5%;}
@media only screen and (max-width: 600px) {
.wrapper .section {width: 100%;}
.wrapper .column {width: 100%;display: block;}
.encabezadoUno{font-size:1.19em;}
.encabezadodos{font-size:1.18em;}
p{font-size:1em;}
.nombre{font-size:1.8em;
}
</style>
</head>
<body>
<table width="100%">
<tbody>
<tr>
<td class="wrapper" width="800" align="center">
<!-- Header image -->
<table class="section header" cellpadding="0" cellspacing="0" width="600">
<tr>
<td class="column">
<table>
<tbody>
<tr>
<td >
<img class="headImage" src="http://www.mywebsite/clients/abc/images/head-acb-tarjeta-aniversario.jpg" alt="abc" width="800" />
<div class="bloqueEncabezado">
<span class="encabezadoUno">¡txt</span><br/>
<span class="encabezadodos">txt!</span><br/><br/>
</div>
<p>txt:</p>
<div class="nombre">
@@nombre@@
</div>
<p> txt.<br/><br/>
txt<br/><br/>
txt<br/></p>
</td>
</tr>
<tr>
<td >
<img class="footerImage" src="http://www.mywebsite/clients/abc/images/footer-abc-tarjeta-aniversario.jpg" alt="abc" width="800" />
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>```
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）