css - CSS3 @font-face 使字体文件输出其示例文本

Question

我以这种方式使用了@font-face

@font-face {
font-family: 'SteelTongs';
src: url('../fonts/SteelTongs.ttf') format('truetype');
font-weight: normal;
font-style: normal;
 }

section.page_heading .logo a {
        font-size: 40px;
        font-family: 'SteelTongs';
        text-shadow: 0px 2px rgba(0,0,0,0.36);
        color: #fff;
        text-decoration: none;
        float: left;
        margin-right: 25px;

现在，发生的情况是 .ttf 文件中的示例文本通常显示在徽标容器中

编辑：见http://www.had.omarsalim.biz

这是一个屏幕截图：

注意标题

请帮忙

我在 chrome 和 firefox 中测试过

Answer 1

我还在 Firefox 和 chrome 中使用 SteelTongs 网络字体进行了测试，不支持它，字体链接是

abstractfonts- steeltongs，你只需改变字体。