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

今天一位朋友在群里面问了一个问题,他问如何实现页面上显示 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

管理员

转载请注明出处!如果本博文或者本站对您(网站)的内容/素材构成侵权,请第一时间与本博主联系!

评论提交

wave

Press ESC to close