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