如何在所有浏览器中显示OSX 10.10.5中的Futura字体默认值?

时间:2017-04-03 15:42:03

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

我刚才意识到并非所有计算机/浏览器/操作系统都安装了默认的Futura字体。我在我的网站上显示它,但因此不能为所有访问者查看,因为当使用OSX之外的其他操作系统时,此字体不是默认字体。解决这个问题和维护Futura字体的最佳方法是什么?

1 个答案:

答案 0 :(得分:0)

好的我用以下方式解决了我的问题:

1)去http://transfonter.org/ttc-unpack转换OSX Futura.ttc到Futura.ttf

2)然后在https://www.fontsquirrel.com/tools/webfont-generator创建了Futura.woff和Futura.woff2文件

3)然后将以下代码添加到style.css:

@font-face {
font-family: 'Futura';
src:
    local('Futura'),
    url('fonts/Futura.ttc'),
    url('fonts/Futura.woff') format('woff'),
    url('fonts/Futura.woff2') format('woff2');
}

我将字体添加到fonts /文件夹中,该文件位于与我的style.css相同的目录中。