我想使用 .css 向我的 Web 应用程序添加字体。我知道 css 中有 @font-face 属性，但问题是当你定义它时，你需要定义很明显的源（src）。我的问题是我想实际添加我电脑中的字体。我想将它添加到我的 Web 应用程序中，以便当我将此 Web 应用程序部署到 Internet 时，它会正确显示。
所以我的问题是如何将特定（在我的计算机中）字体添加到我的 Web 应用程序中？它的网址是什么？
@font-face {
font-family: 'fontfacename';
src: url('?') format ('?');
}
【问题讨论】：
标签： css web-applications fonts font-face
查看Google Fonts，看看是否有与您计算机上的字体相当的字体。如果您不想转换和添加自己的字体，这可能是一个很好的解决方案。
还有像 Typekit 这样的服务，可以像 Google 一样按月为您提供字体。
Google Fonts 可让您将字体下载到计算机上，以便在您的应用程序中使用它，并在 Photoshop 等应用程序中进行布局组合。 LostType Co-Op 也有一些免费字体，但请务必检查字体的许可证以确保它可以在互联网上免费使用。
【讨论】：
支持多种浏览器和操作系统需要多种不同的字体格式。 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;
}
【讨论】：