网页使用中文字体的两种解决方案

解决中文字体在网页中的使用，有两种办法。

背景：英文的字体很好使用，因为只有26个大小写字母，以及一些符号，本身的字体文件就很小，不会对页面的加载造成多大的影响；但是中文的字体文件相当大，仅字体文件本身就5-6M，所以需要采取点手段才敢在网站中使用。
目前了解到的方法有两种：
第一种：使用有字库，http://youziku.com/ 只需要挑选字体，对于网站中没有的字体用户还可以托管上传，待审核通过就可以使用，你懂得。
按需要加载他们网站的js,和相关的配置脚本，然后就可以使用了，它的原理是将网页中用到的文字整理出来，形成单独的字体库。
有三种方式可以调用有字库的web font都很简单，但是会减缓网页的加载速度。
但是可以支持到非静态的页面，有数据库支持的页面可以使用它的第二种方式。

第二种：用字蛛（一个中文字体压缩器） http://font-spider.org/，FontSpider将页面中用到的文字从.ttf文件中拿出来，压缩成小的字体库文件。字蛛通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符，并将这些字符数据从字体中删除以实现压缩，同时生成跨浏览器使用的格式。
使用字蛛需要安装nodeJs 再装font-spider ,写好css之后执行命令就可以删除字体库中没有使用的文字，形成压缩过得字库文件。

网页使用中文字体的两种解决方案相关推荐

LVGL8.2 之模拟器使用外部中文字体，两种方式
准备工具,LvglFontTool v0.4 能运行LVGL8.2模拟器的codeblocks工程(百问网的LVGL模拟器工程) =================================== ...
解决Glyphicons 字体不显示问题的两种解决方案
解决Glyphicons 字体不显示问题的两种解决方案参考文章: (1)解决Glyphicons 字体不显示问题的两种解决方案 (2)https://www.cnblogs.com/Yolanda- ...
java多个事件_window.onload绑定多个事件的两种解决方案
前言有些函数,必须在网页加载完毕网页加载完毕时会触发一个onload事件,将函数绑定到这个事件上即可. 复制代码代码如下: window.onload = myFuncti编程客栈on; 问题来 ...
移动端采用Flexible将PX转换REM适配及开发中Retina屏1px边框的两种解决方案
移动端采用Flexible将PX转换REM适配及开发中Retina屏1px边框的两种解决方案说明:两个方案均基于Webpack构建. 方案一: 搭建环境及相关配置 webpack 3,需要loade ...
neo4j批量导入数据的两种解决方案
neo4j批量导入数据的两种解决方案参考文章: (1)neo4j批量导入数据的两种解决方案 (2)https://www.cnblogs.com/YoungF/p/11632488.html 备忘一 ...
php 嵌套 mysql_PHP中实现MySQL嵌套事务的两种解决方案，mysql嵌套_PHP教程
PHP中实现MySQL嵌套事务的两种解决方案,mysql嵌套一.问题起源在MySQL的官方文档中有明确的说明不支持嵌套事务: 1. Transactions cannot be nested. T ...
C# 制作不规则窗体的两种解决方案
我的广告单元,有空点一下哦,谢谢! 冒着被拍砖的危险,投放到首页.C#制作不规则窗体应该又是一个老生常谈的问题了,可能很多老鸟会带BS的眼神,那么请老鸟们视该文章如浮云吧. 制作不规则窗体,本例采用图 ...
内核解密 | Oracle 18c 数据库安装ORA-12754的两种解决方案
Oracle 率先在 Oracle Cloud 上发布了 18c 的数据库版本,也对外发布了针对 Exadata 的下载包.这些软件首先在 Edelivery 网站上提供了下载. 也可以参考公众号之前 ...
Spring+Dubbo集成Redis的两种解决方案
Spring+Dubbo集成Redis的两种解决方案参考文章: (1)Spring+Dubbo集成Redis的两种解决方案 (2)https://www.cnblogs.com/yclimb/p/9 ...
Linux下安装Docker，报错docker: unrecognized service的两种解决方案
Linux下安装Docker,报错docker: unrecognized service的两种解决方案参考文章: (1)Linux下安装Docker,报错docker: unrecognized ...

网页使用中文字体的两种解决方案

网页使用中文字体的两种解决方案相关推荐

最新文章

热门文章