3

我想使用 .css 向我的 Web 应用程序添加字体。我知道 css 中有@font-face属性，但问题是当你定义它时，你需要定义很明显的源（src）。我的问题是我想实际添加我电脑中的字体。我想将它添加到我的 Web 应用程序中，以便当我将此 Web 应用程序部署到 Internet 时，它会正确显示。

所以我的问题是如何将特定（在我的计算机中）字体添加到我的 Web 应用程序中？它的网址是什么？

@font-face {
  font-family: 'fontfacename';
  src: url('?') format ('?');
}
4

2 回答 2

4

支持多种浏览器和操作系统需要几种不同的字体格式。诸如FontSquirrel之类的服务可以为您生成文件和 CSS，前提是您计划使用的字体数据不受限制（“在您的计算机中”的许多字体没有并且需要许可，许多商业字体供应商也提供）。

CSS 代码如下所示：

@font-face {
    font-family: 'FontName';
    src: url('FileName.eot');
    src: url('FileName.eot?#iefix') format('embedded-opentype'),
         url('FileName.woff') format('woff'),
         url('FileName.ttf') format('truetype'),
         url('FileName.svg#FontName') format('svg');
    font-style: normal;
    font-weight: normal;
}
于 2013-06-27T12:40:36.663 回答
0

查看谷歌字体，看看是否有与您计算机上的字体相当的字体。如果您不想转换和添加自己的字体，这可能是一个很好的解决方案。

还有像Typekit这样的服务，可以像谷歌一样为你提供按月收费的字体。

Google Fonts 可让您将字体下载到计算机上，以便在您的应用程序中使用它，并在 Photoshop 等应用程序中进行布局组合。LostType Co-Op也有一些免费字体，但请务必检查字体的许可证以确保它可以在互联网上免费使用。

于 2013-06-27T20:41:47.287 回答