网站部署到服务器后,在css中设置了字体,那么客户端得到的网页字体是服务器设定好的字体么?

网站部署到服务器后,在css中设置了字体,那么客户端得到的网页字体是服务器设定好的字体么?,第1张

字体是要客户端浏览器支持的。请注意是浏览器而不是操作系统。如果设置的字体不能被浏览器识别,那么浏览器会使用浏览器的默认字体(IE默认为宋体,当然,这个默认值是可以修改的)来替代网页字体显示。

CSS3 @font-face 规则

在 CSS3 之前,web 设计师必须使用已在用户计算机上安装好的字体。

通过 CSS3,web 设计师可以使用他们喜欢的任意字体。

当您找到或购买到希望使用的字体时,可将该字体文件存放到 web 服务器上,它会在需要时被自动下载到用户的计算机上。

实例:

<style>

@font-face

{

font-family: myFirstFont;

src: url('/example/css3/Sansation_Lightttf')

,url('/example/css3/Sansation_Lighteot'); / IE9+ /

}

div

{

font-family:myFirstFont;

}

</style>

某些场景需要动态加载网络字体,整体思路为: 当需要加载字体时,向DOM添加@font-face,动态加载字体

问题在于字体包的大小,中文包小则1MB,大则10MB,而实际使用到的字符可能仅有几个,全量加载会造成带宽浪费。此时可用字体子集化来解决,用户需要加载字体时,向服务器发送字体信息和实际使用字符,服务器生成字体子集返回,以下表为参考,子集中的1个字符仅占原字体的 00014% ~ 00134%这是一个Google开源项目sfntly中的一个工具逻辑优化#每次发送请求给服务器时,如果没有对内容进行唯一性判断,可能会遇到生成子集完全相同的情况,浪费带宽和算力,所以前端请求前应该进行如下操作。

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » 网站部署到服务器后,在css中设置了字体,那么客户端得到的网页字体是服务器设定好的字体么?

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情