html - 松鼠字体

标签 html css cross-browser font-face embedded-fonts

我有一个使用 css @face-face 的网络字体,使用不是像 Arial 或 Tahoma 这样的“标准”字体的字体有问题吗?这种方法是 100% 跨浏览器支持吗?

你的代码看起来像这样:

font-family: 'myfont_OERegular';
src: url('myfont-webfont.eot');
src: local('myfont_OE'), local('myfont1'), url('myfont_-webfont.woff') format('woff'), url('meodedpashut_myfont-webfont.svg#webfont4Amd3DHq') format('svg');
font-weight: normal;
font-style: normal;

最佳答案

任何事情都没有“100%”的跨浏览器方法。而且这样的网站加载字体就更不靠谱了。这通常不是问题,只要您对 95-97% 的浏览器看起来“正确”感到满意即可。但毫无疑问,也有异常(exception)。

如果您必须为某些内容(例如标题)使用特定字体,那么最好的办法就是加载图像。但是,对于那些不加载图像、盲人或搜索引擎的人,您必须采取预防措施。

最后,如果您要分发字体,请确保您拥有许可证。

关于html - 松鼠字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6010099/

相关文章:

javascript - 避免模​​糊事件的完美方法

html - 输入越过 div

html - CSS Angular 的 ui-view 布局问题

javascript - 跨所有浏览器的 Rails 图像预览

javascript - EcmaScript 5 浏览器实现

php - 从 JQuery 调用 PHP 文件以检查唯一标识符

javascript - jsPDF库无法将utf8字母插入pdf

Jquery document.ready 事件在我的元素 css 样式加载到 IE8 之前触发

html - Mozilla 媒体查询移动 View

javascript - 可拖动的包含选项不限制元素的右侧或底部边框?