html - Google 字体 API 库或 FontFace

标签 html css fonts google-api

Google 已经推出了 Google 字体 API,但是 CSS3 标准附带了@fontface,这使我们能够在网站上使用非网络安全字体。

任何人都可以相互推荐两者的优缺点。哪一个是首选,为什么?

最佳答案

据我所知,Google Font API 使用 @font-face 加载字体。例如。 http://fonts.googleapis.com/css?family=Tangerine .它还会进行浏览器检测以检查 Internet Explorer,它将为其提供仅限 IE 的 .eot 字体文件。

现在我认为您是在要求比较构建您自己的字体文件以用于 @font-face 和使用 Google 的解决方案。

谷歌字体 API

专业版

  • 易于使用
  • Google 的 CDN 确保快速加载和高正常运行时间
  • 内置浏览器检测
  • 免费!

缺点

  • 少量字体选择

Google 的许可方案要求字体不仅要免费提供,而且要开源,这意味着可用于此服务的字体数量自然会很少。

建立你自己的@font-face文件

专业版

  • 大量的字体选择

缺点

  • 法律和许可问题
  • 购买嵌入许可证可能需要额外费用
  • 为 IE 支持滚动您自己的字体可能会很麻烦

当然还有像 Typekit 这样的商业选项两全其美,但你必须为此付出代价。免费的可嵌入字体的其他来源包括 Font SquirrelThe League of Moveable Type .

关于html - Google 字体 API 库或 FontFace,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3540251/

相关文章:

php - 如何获取在其他页面上选择的值?

javascript - 如何使用 JQuery UI 创建表单对话框?

html - Angular 8 嵌套对象插值

winforms - 字体向后不兼容

html - 相同文本的不同字体大小(一部分文本的字体大小为 "X",另一部分的字体大小为 "Y")

html - Bootstrap 输入组元素在扩展窗口大小时分离

css - 在其中旋转文本后使侧边栏变薄

html - 如何修复图标对齐?

jQuery slider 无法加载第一张图片

css - 为什么 Firefox 对待 Helvetica 的方式与 Chrome 不同?