为什么2个完全相同的页面以不同的方式呈现字体?

时间:2017-06-19 19:36:03

标签: css

这两页完全相同。在同一台服务器上具有完全相同的裸机Apache配置和相同的主目录。页面只有1个没有样式的文本句子。在Chrome和Safari中,字体的渲染方式各不相同,而在使用Microsoft Edge时,它们的渲染效果相同。在Chrome和Safari中混淆了为什么它们在渲染方面有所不同。

http://www.santamariarealty.com/
http://www.floridarealestate-homes.com/

完全相同的基本Apache Configs除了域名:

VirtualHost *:80
DocumentRoot / mydir / home_dir
ServerName www.floridarealestate-homes.com
ServerAlias floridarealestate-homes.com
/虚拟主机

VirtualHost *:80
DocumentRoot / mydir / home_dir
ServerName www.santamariarealty.com
ServerAlias santamariarealty.com
/虚拟主机

1 个答案:

答案 0 :(得分:0)

您没有在链接的网站上托管字体,因此它只会显示您计算机上的内容。例如,如果你有.eot版本的字体文件,它将出现在IE中,否则,它将呈现该浏览器的默认字体。

如果您不知道如何为网络打包字体,我强烈建议您使用此工具或类似工具,因为它会为您自动生成必要的CSS和字体文件。

https://www.fontsquirrel.com/tools/webfont-generator