Mac和Windows的漂亮CSS字体

我看到很多网站显示的字体都很好，而不是图片。例如：和。似乎有很多CSS“技巧”、一些JavaScript以及各种web设计师为完成这项工作而使用的任何其他技巧，我并不建议上述任何一个网站都这样做

---

我的问题是，就CSS/字体实践而言，什么是可以接受的？还是只使用一组核心的常用字体吗？如果没有，显示美观字体的可接受/可靠做法是什么，特别是在Mac/Windows一致性方面？

您现在可以嵌入字体了。这里有一个很好的起点：

现在可以嵌入字体了。这里有一个很好的起点：

如果您有一种想要使用的字体，您可以使用生成器，它将生成您只需要在网站中包含的文件

只需在样式表中包含以下内容：

@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指向您实际使用该字体的位置。还有很多预制字体可用。

如果您有一种想要使用的字体，您可以使用生成器，它将生成您只需要在网站中包含的文件

只需在样式表中包含以下内容：

@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指向您实际使用该字体的位置。还有许多预制字体可用。

请注意，虽然现在可以嵌入字体，但您选择嵌入的字体可能没有此类许可。您可能需要咨询您所在司法管辖区的律师。这可能因您的用例、商业/非商业等而有所不同。请注意，虽然现在可以嵌入字体，但您选择嵌入的字体可能未获得此类许可。您可能需要咨询您所在司法管辖区的律师。这可能因您的用例、商业/非商业等而异。