为什么我的首选CSS字体没有被使用？

-1

我想使用字体bmI0GxZww8t20K342Lco0g.woff2进行分类，但它不是以该字体呈现;我究竟做错了什么？为什么我的首选CSS字体没有被使用？

<html> 
<head> 
<style> 
.classa {color:blue} 
.classb {font-family:Arial, Helvetica, sans-serif; color:blue} 
.classc { 
    font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; 
    font-size: 30px; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: 500; 
    line-height: 15.3999996185303px; 
    color:blue; 
} 
.classd @font-face { 
    font-family: MyFont; 
    src: 
     url('bmI0GxZww8t20K342Lco0g.woff2') format('woff2'), 
     url('bmI0GxZww8t20K342Lco0g.woff') format('woff'); 
} 
<link rel="stylesheet" type="text/css" href="csss.css"> 

</style> 
</sead> 
<h1 class="classa">Bro This Is Blue.</h1> 
<h1 class="classb">Bro This Is Blue.</h1> 
<h1 class="classc">Bro This Is Blue.</h1> 
<h1 class="classd">Bro.</h1> 
</html>

来源

2015-08-14 MR Curri Nate

'行高：15.3999996185303px;'??? – Nabi

欢迎来到SO！确保你在这个网站上前进，使用更好的标题 - 这将有助于它更好地被注意到。在这里张贴的每个人都有一个需要解决的问题，对吧？ – patricksweeney

既然你已经要求一步一步地做到这一点，

将以下代码复制/粘贴到IDE（Notepad ++/Dreamweaver）上，将其另存为jura.css文件。

@font-face { 
    font-family: 'Jura'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Jura Regular'), local('Jura-Regular'), url(http://fonts.gstatic.com/s/jura/v7/TTP6pkLK4ssO46rAsyf3PA.woff2) format('woff2'); 
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; 
}

上面的字体可在http://conieco.com.mx/conieco_files/css

打开HTML文件，包括jura.css文件

<link rel = "stylesheet" href= "jura.css" />

如果文件jura.css是在另一个文件夹，但在相同的目录中html文件使用这个;

<link rel = "stylesheet" href= "CSS/jura.css" />

如果jura.css文件是在另一个文件夹是在随后的先前存储的路径;

<link rel = "stylesheet" href= "../CSS/jura.css" />

现在你可以简单地使用字体;

.classd 
    { 
    font-family: Jura; 
    }

注：<link/>标签而来的<head></head>标签内。

Fiddle

来源

2015-08-14 19:36:28 user5173426

没有工作在nateproductions @ hotmail给我发送完整的代码（使用我的源代码）。com –

或粘贴垃圾箱。 –

@MRCurriNate请检查编辑。 – user5173426

把这个风格部分：

@font-face { 
    font-family: 'Jura'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Jura Regular'), local('Jura-Regular'), url(http://fonts.gstatic.com/s/jura/v7/bmI0GxZww8t20K342Lco0g.woff2) format('woff2'); 
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; 
}

而且在.classd

font-family: "Jura", sans-serif;

来源

2015-08-14 19:07:16 Leah

你能拿我的代码，把它放在那里吗？因为我是编码语言的新手。 –

它不适用于我 –

我可以把它放在一个css文件 –

的@字体面对面声明应该是从类规则分开。基本上，它会将字体添加到可用于设置元素样式的可用字体列表中。一旦你宣布你的字体，那么你可以申请你选择.classd

@font-face { 
    font-family: MyFont; 
    src: 
     url('bmI0GxZww8t20K342Lco0g.woff2') format('woff2'), 
     url('bmI0GxZww8t20K342Lco0g.woff') format('woff'); 
} 

.classd { 
    font-family: MyFont; 
}

根据您的字体文件存储在字体系列名称，你可能还需要编辑字体的网址，以确保他们指向正确的位置。

来源

2015-08-14 19:07:21 Andrew

为什么我的首选CSS字体没有被使用？

回答

相关问题