如何在html中写汉字,如何在HTML中嵌入字体？

最新推荐文章于 2025-03-26 19:48:03 发布

高地清风

最新推荐文章于 2025-03-26 19:48:03 发布

阅读量605

点赞数

文章标签：如何在html中写汉字

本文介绍了@font-face技术在跨浏览器字体嵌入方面的进步，Paul Irish提出的Bulletproof @font-face语法和FontSquirrel的@font-face Generator工具，以及谷歌提供的谷歌网络字体服务。这些发展使得设计师可以更方便地在网页上使用自定义字体，同时确保兼容性和合法性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自从这个问题最初被问及并回答以来，情况发生了变化使用@ font-face嵌入使用正文文本的跨浏览器字体嵌入工作已经完成了大量的工作。

Paul Irish整合了Bulletproof @ font-face语法，结合了来自其他多个人的尝试。如果您真正浏览整篇文章(不仅仅是顶部)，它允许单个@ font-face语句覆盖IE，Firefox，Safari，Opera，Chrome以及其他可能的内容。基本上这可以用不会破坏任何东西的方式输出OTF，EOT，SVG和WOFF。

从他的文章中摘过：@font-face {

font-family: 'Graublau Web';

src: url('GraublauWeb.eot');

src: local('Graublau Web Regular'), local('Graublau Web'),

url("GraublauWeb.woff") format("woff"),

url("GraublauWeb.otf") format("opentype"),

url("GraublauWeb.svg#grablau") format("svg");}

在此基础上，Font Squirrel整合了各种有用的工具，包括@ font-face Generator，它允许您上传TTF或OTF文件并获得其他类型的自动转换字体文件，以及预先构建的CSS和一个演示HTML页面。Font Squirrel还有数以百计的@ font-face工具包。

Soma Design还整合了FontFriend Bookmarklet，它可以动态地重新定义页面上的字体，以便您可以尝试。它包括FireFox 3.6+中的拖放@ font-face支持。

最近，谷歌开始提供谷歌网络字体，这是一种在开源许可下提供的各种字体，并由谷歌的服务器提供。

许可限制

最后，WebFonts.info 根据许可证为@ font-face嵌入提供了一个很好的wiki'd 字体列表。它并不是一个详尽的列表，但它上面的字体应该是可用的(可能有条件，如CSS文件中的属性)嵌入/链接。阅读许可证非常重要，因为有些限制在字体下载方面没有明显推进。