web 常用的几种字体_3种免费Web字体服务比较

这些年来，网站只能使用Arial，Georgia，Times等典型字体。这是由于浏览器的局限性，浏览器一次只能只能从用户的计算机传递字体。幸运的是，当今网络发展Swift，当今的浏览器支持webfont嵌入。

将来可能会有更多的网站使用更好，更漂亮的字体，并且将弹出许多webfont服务。下面，我们将介绍以下四个免费选项 webfont服务及其优缺点。

打字工具

Typekit是一种流行的webfont服务，并且是该细分市场中的首批参与者之一，其特色客户包括《纽约时报》和Twitter 。 Typekit实际上是一项付费的Webfont服务，但是它也具有Free选项，当然有一些限制。

优点

专业和高质量的字体-在其他服务上可能找不到。
不断添加来自世界一流铸造厂的更多字体。
通过Adobe服务器和网络实现快速交付。
由于字体是通过Adobe服务器托管和交付的，因此可以节省大量带宽。
SSL服务。
跨浏览器的广泛兼容性。

缺点

字体选择有限。
网页浏览量有限
需要徽章。
字体使用受限，每个网站仅2种。

Google Web字体

当前，大约有600种字体可供选择，包括Serif，Sans-serif，Script和Hand Writing。

优点

快速且易于使用。
开源字体。
桌面字体可用。
提供字体API和文档。
字体通过Google服务器提供。
角色图。
字体预览和过滤。

缺点

Dingbat字体样式不可用。它实际上非常有用，特别是如果您更喜欢显示带有字体的图标。

例

<link href='http://fonts.googleapis.com/css?family=Croissant+One|Merienda' rel='stylesheet' type='text/css'><style>
h1 {font-family: ;
}
p {font-family: ;
}
</style>

松鼠（@ font-face）

另外，Font Squirrel还为每种字体提供@font-face工具包，该工具包包括样式表和以下.eot ， .ttf ， .woff和.svg格式的.eot ，以确保该字体在浏览器中可以很好地传递。

优点

字体免费用于商业用途。
桌面字体可用。
可以对字体进行子集化。
样式选项，书法，漫画，Dingbat，复古等
测试和预览字体。
字符图的可用性（对于Dingbat字体样式有用）。
@font-face工具包和生成器的可用性。

缺点

您必须将字体托管在自己的服务器上。
这可能会降低您的网站性能，尤其是在带宽和空间有限的情况下。
字体许可太可变了。确保字体EULA符合您的要求。

例

@font-face {font-family: 'SansationRegular';src: url('Sansation_Regular-webfont.eot');src: url('Sansation_Regular-webfont.eot?#iefix') format('embedded-opentype'),url('Sansation_Regular-webfont.woff') format('woff'),url('Sansation_Regular-webfont.ttf') format('truetype'),url('Sansation_Regular-webfont.svg#SansationRegular') format('svg');font-weight: normal;font-style: normal;
}p {font-family: 'SansationRegular';
}

结论

有许多服务和选项，但最终，由Web设计师决定哪种服务最适合其网站。如果预算允许，Typekit的高级计划可能是最好的选择。否则，免费选项就足够了。

翻译自: https://www.hongkiat.com/blog/webfont-comparison/