我不明白如何让这个工作,任何帮助将不胜感激;
我将离开我从本网站获得的内容:http://alistapart.com/article/cssatten
来自我的style.css
@font-face {
font-family: "JSL";
src: url(http://ff.static.1001fonts.net/j/s/jsl-ancient.normal.ttf) format("truetype");
}
font {
color: #000000;
font-size: 120%;
font-family: "JSL";
}
答案 0 :(得分:5)
问题的加号(用我的重命名字体测试)也没有,你也不必在主css文件的顶部导入一个单独的css文件。
但是,您可能需要拥有更多版本的字体,而不仅仅是真实的类型。看看Bulletproof @font-face Syntax。
您可以使用FontSquirrel’s generator来实现此目标。
以下是我的应用程序中嵌入的@font-face
示例,它固定在我的主要css样式表的顶部。
@font-face {
font-family: 'JustVector';
src: url('../fonts/justvectorv2+webfont.eot');
src: url('../fonts/justvectorv2+webfont.eot?') format('eot'),
url('../fonts/justvectorv2+webfont.woff') format('woff'),
url('../fonts/justvectorv2+webfont.ttf') format('truetype'),
url('../fonts/justvectorv2+webfont.svg#webfontkw9J4lGf') format('svg');
font-weight: normal;
font-style: normal;
}
答案 1 :(得分:0)
没有
@font-face
尝试导入它:
@import_your_new_cssfile.css
你把它放在哪里:
font-face {
font-family: "JSL";
src: url(http://www.fontyukle.net/en/DownLoad-JSL+Ancient.ttf) format("truetype");
}
font {
color: #000000;
font-size: 120%;
font-family: "JSL";
}
答案 2 :(得分:0)
字体网址中的“+”符号可能是个问题吗?您可能希望对其进行URL编码。
编辑 - 在点击字体URL之后,看起来您应该尝试下载ttf文件,并在本地引用它,而不是从远程源引用它。它提示我使用Captcha来下载文件,这可能就是它无法正常工作的原因。
答案 3 :(得分:0)
您需要下载该文件并在本地引用它, 支持的链接有一个下载链接,需要下载Captcha,这意味着它不是TTF文件的直接链接。
答案 4 :(得分:0)
根据您可能需要使用的字体:
@font-face {
font-family: 'someFont';
src: url('path/to/font/someFont.eot');
src: url('path/to/font/someFont.eot?#iefix'), format('embedded-opentype'),
url('path/to/font/someFont.woff'), format('woff'),
url('path/to/font/someFont.ttf'), format('truetype'),
url('path/to/font/someFont.svg'), format('svg');
font-weight: normal;
font-style: normal;
}
并在CSS中:
BODY
{
font-family: 'someFont', Fallback, sans-serif;
font-size: 12px;
...
}
当我有问题嵌入自定义字体时,这对我有用。