我看到很多网站都显示了不是图像的好字体。例如:Firebug 站点和Happy Cog。似乎有很多 CSS 的“技巧”、一些 JavaScript 以及各种网页设计师使用的任何其他技巧来完成工作(我不建议上述任何一个网站都这样做)。
我的问题是,在 CSS / 字体实践方面什么是可以接受的?还是应该只使用一组核心的常用字体吗?如果不是,那么显示漂亮字体的可接受/可靠做法是什么,特别是对于 Mac / Windows 一致性?
我看到很多网站都显示了不是图像的好字体。例如:Firebug 站点和Happy Cog。似乎有很多 CSS 的“技巧”、一些 JavaScript 以及各种网页设计师使用的任何其他技巧来完成工作(我不建议上述任何一个网站都这样做)。
我的问题是,在 CSS / 字体实践方面什么是可以接受的?还是应该只使用一组核心的常用字体吗?如果不是,那么显示漂亮字体的可接受/可靠做法是什么,特别是对于 Mac / Windows 一致性?
您现在可以嵌入字体。这是一个很好的起点:http ://www.google.com/webfonts
如果您有想要使用的字体,您可以使用生成器,它会生成您只需要包含在您的网站中的文件
http://www.fontsquirrel.com/fontface/generator
只需在样式表中包含这样的内容:
@font-face {
font-family: 'ArchitectsDaughterRegular';
src: url('fonts/ArchitectsDaughter-webfont.eot');
src: url('fonts/ArchitectsDaughter-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/ArchitectsDaughter-webfont.woff') format('woff'),
url('fonts/ArchitectsDaughter-webfont.ttf') format('truetype'),
url('fonts/ArchitectsDaughter-webfont.svg#ArchitectsDaughterRegular') format('svg');
font-weight: normal;
font-style: normal;
}
只需将 url 指向您实际拥有该字体的位置即可。还有很多预制字体可用。