17 svg cross-browser inkscape font-face octicons
我一直在制作自己的webfont作为网页设计师仓库和内部的起点文章.
我知道不同的引擎以不同的方式呈现字体,但我遇到的问题是firefox呈现的字体高于chrome - 在我显示字体的大小这是非常明显的(3或4像素 - 按钮上的意思是'完全错位).
我还引用了Github的octicon文档 - 在查看octicons如何比较浏览器时,它们看起来很棒!就我所见,没有明显的差异.他们是如何做到这一点的？
我正在使用inkscape并尝试了几个不同的svg启动器模板.安装程序Set width: 1024已经尝试过各种尺寸的图标,没有不同的结果.即512pt平方并在基线下方对齐.
我的问题是,在创建webfont以获得字体的浏览器呈现之间的最小差异时,我需要遵循哪些规则？
Fon*_*rel 15
这是一个涉及垂直指标的复杂问题.字体有三组这些.在'hhea'表中找到的第一组通常是Mac专用的."OS/2"表中的其他两组与Windows(和Linux)相关.我们的想法是使这些价值观均衡.我们的生成器有一个奇怪的"修复垂直度量标准"功能,可以对这些功能进行最佳猜测.请注意,Github使用Generator来完成他们的图标.
我知道这与SVG字体无关,但我很确定这就是你的问题所在.拥有不同的垂直指标值可以跨平台搞砸基线.
一些阅读: