网页页面中应用随意字体样式之具体实际操作附

2021-01-20 21:38 jianzhan

以前对“在网页页面中嵌入非系统软件自带字体样式”做过1点科学研究,尽管技术性上能完成,可是对中国来讲,沒有太大的具体实际意义,由于1个汉语体文档至少20M+,并且各个访问器适用的字体样式文档还都不1样,也便是说,在服务器端务必有2⑶个不一样文件格式的字体样式文档,用来应对各个访问器,能够看下下面这张对应图。

认为以前做的这个小科学研究对之后的工作中不容易用到,谁知还真的用到了。有个顾客规定显示信息時间,但時间的字体样式务必是电子器件表的那种字体样式,如图:

最先,大家要寻找这个字体样式,由于这个字体样式仅有ttf文件格式的,因此大家必须变换出别的各种各样不一样的文件格式,至于怎样变换,有手机软件,有线上,我在这就不指明1定要应用哪样了。

变换好后,便可以撰写css编码了

拷贝编码
编码以下:

@font-face {
font-family: 'hooray'; /*给自定字体样式取名*/
src: url('http://demo.jb51.net/js/2013/webfontry/hooray.eot');
src: url('http://demo.jb51.net/js/2013/webfontry/hooray.eot?#iefix') format('eot'),
url('http://demo.jb51.net/js/2013/webfontry/hooray.woff') format('woff'),
url('http://demo.jb51.net/js/2013/webfontry/hooray.ttf') format('truetype'),
url('http://demo.jb51.net/js/2013/webfontry/hooray.svg#webfontjKg17VrE') format('svg');
}

至于启用,和基本的1样,在必须的地区界定font-family,而且字体样式名字便是刚刚取名好的名字就行:

拷贝编码
编码以下:

font-family: 'hooray';

详细demo免费下载。线上演试

文章内容中许多內容我都沒有实际解释缘故,由于在网上对“网页页面中应用随意字体样式”的材料许多,只是事例较少,假如大伙儿有不搞清楚的,去百度搜索谷歌1下,就可以明了。

附1:新增两个线上字体样式变换的网站,FontsQuirrel、onlinefontconverter。