页面加载中,请稍候 。。。
 

Css 字体实现页面展示与源码不同

2021-04-23 16:08:40CssCss3 & Html5174

今天一位朋友在群里面问了一个问题,他问如何实现页面上显示 12345,但是查看源码的时候显示的是 ABCDE,第一感觉这个应该不可能实现,于是回复不可能,但是他说某某网站上面确实是这样的,出于好奇,于是让那位朋友把那个网站的链接发过来了,结果还真像他说的那样,通过仔细查看他的网站源代码,最后发现这个页面引用了一个字体,感觉应该是用这个字体实现了这样的功能,于是把这个字体的所有数据下载了下来,结果实现了这个功能。

字体的样式代码如下:

<style type="text/css">
@font-face {
font-family: 'keyifont';
src: url('keyifont.eot'); /* IE9 */
src: url('keyifont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('keyifont.woff') format('woff'), /* chrome、firefox */
url('keyifont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('keyifont.svg#keyifont') format('svg'); /* iOS 4.1- */
}
.keyifont {
font-family: keyifont !important;
}
</style>

网页源代码如下:

<div class="keyifont">
专利申请号:rj713531033922.4
</div>

最终页面显示如下:

专利申请号:CN201710511688.3
暂无相关数据!
公告
u4fa0 & u8273
本博客诞生于 2020 年 3 月 5 日,是一个以编程开发为主的技术型博客,希望我的博文能够帮助到你。
定制开发流程
业务咨询提交需求开始实施确认售后服务
联系我们