使用字体,不改变显示内容的情况下加密前端文本数据

引言

首先,我的html的文本是 "你唔啊"
但是我的字体会让“唔”显示为“好”
于是在HTML前端会看到“你好啊”
但实际上复制后是“你唔啊”

复制

复制的内容不是字体显示的内容,因为网页上使用了某种特殊的字体,而你的电脑上没有安装这种字体。在这种情况下,复制的内容会被替换为默认字体。这也就是为什么复制使用字体渲染后的文本不是你看到的内容。(亲眼所见以非真实)

例如?

image.png

很神奇的是,你可以在后端将真正意义上的文本处理后,提取部分内容,建立映射表,动态创建一个字体,将字体以base64返回给前端,至此,你的网站会以真实的文本显示,但实际上,innerText并非是真是的文本。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS 1.对WEB标准以及W3C的理解与认识 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使...
    aymincoder阅读 5,154评论 2 188
  • 本章转载自新浪博客网友:blog.sina.com.cn/s/blog_7f5571aa0102w2tv.html...
    czboy阅读 1,502评论 0 11
  • 【转载】CSDN - 张林blog http://blog.csdn.net/XIAOZHUXMEN/articl...
    竿牍阅读 3,528评论 1 14
  • 1.一些开放性题目 1.自我介绍:除了基本个人信息以外,面试官更想听的是你与众不同的地方和你的优势。 2.项目介绍...
    55lover阅读 659评论 0 6
  • 1.一些开放性题目 1.自我介绍:除了基本个人信息以外,面试官更想听的是你与众不同的地方和你的优势。 2.项目介绍...
    这是这时阅读 643评论 0 4