字体不会在不同的浏览器中渲染

嘿所以我有一个小字体麻烦。我有这个字体我用于一个项目，但它只会在Chrome中正确显示。当我尝试切换到不同的浏览器时，它根本不显示，并且显示默认的字体类型。我可以做的任何事情，以确保我的字体将显示在每个浏览器中继承我的代码片段。字体不会在不同的浏览器中渲染

#p1{ 
     position:relative; 
     font-family: "Didot HTF"; 
     font-size:120%; 
     top: 300px; 
     text-align:center; 
     white-space: nowrap; 
    } 

<div id="p1"> 
    Content, storytelling and strategy for the multi-screen, multi-channel age 
</div>

来源

2014-07-15 jdv12

代码中必须有其他内容导致该问题。一个问题应该包括足以再现问题的最小代码。 –

它不能是我已经隔离了这部分代码，我正在处理这个问题，并且仍然遇到同样的问题 – jdv12

所以，如果你创建了一个完全包含该代码的HTML文档， '标签，问题可以观察？你在另一台电脑上测试过吗？ –

，如果你在一个项目中，我建议你使用@字体面使用非标准字体，它需要使用该服务的Web字体，网页字体就可以连接这样

转移默认字体

@font-face { 
    font-family: 'SegoePrint'; 
    src: url('../fonts/SegoePrint.eot?') format('eot'), 
     url('../fonts/SegoePrint.woff') format('woff'), 
     url('../fonts/SegoePrint.ttf') format('truetype'), 
     url('../fonts/SegoePrint.svg#SegoePrint') format('svg'); 
}

来源

2014-07-15 09:58:30

它仍然不适合我，我很新的CSS是我在这里做错了什么@ font-face { \t font-family：'DidotHTF'; \t \t源：URL（ 'DidotHTF.eot？'）格式（ 'EOT'）， \t URL（ 'DidotHTF.woff'）格式（ 'WOFF'）， \t URL（ 'DidotHTF.ttf'）格式（ ''truetype'）， \t url（'DidotHTF.svg＃DidotHTF'）format（'svg'）; \t} – jdv12

也许...您需要了解，使用非标准字体的网页，即那些不符合操作系统的字体（如果您不习惯于设计标准字体，则以我描述的方式进行连接）给你，建议在这个主题上阅读互联网已满的文档 –

字体不会在不同的浏览器中渲染

回答

相关问题