css自定义字体应用--数据加密

最新推荐文章于 2024-04-26 17:24:54 发布

暖酒与春风

最新推荐文章于 2024-04-26 17:24:54 发布

阅读量1.9k

点赞数 1

分类专栏： css 文章标签： css html5 css3 前端

本文链接：https://blog.csdn.net/zforler/article/details/105545871

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

今天想在网站上复制一点数据，91370212686764872.。结果复制出来的是这样的 ┌┄┆┊┃┅┄┅┉┋┉┊┉┇┋┊┅┐

嗯，有可能是重写了复制事件，于是我悄悄地摁下了F12

。。。大家都是程序员何必相互为难

看到样式secretfontT，哦？

.secretfontT {

font-family: "efont",'Noto Sans SC' !important;
font-size: 20px;

}

字体截图：

原来自定义字体还能这么玩。

实现一下试试。

先下载个FontCreator(字体生成器)下载地址：https://590m.com/file/19941716-437745441

打开后创建字体

表格里显示的符号就是字体在页面显示的样子，双击后可以进行编辑。单机右键可以修改代码点，代码点就是字符在unicode码表里的值。

现在把1（unicode码值31）编辑成黑色小方块。

导出字体.

使用方式如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>设计面板</title>
    <style>
        @font-face {
            font-family: "lqf";
            src: url("lqf.woff") format("woff")/* 导出的字体文件进行引用*/
        }
        .lqf {
            font-family: "lqf",'Noto Sans SC' !important;
            font-size: 20px;
        }
    </style>
</head>
<body>
<p style="min-width:244px;font-size:14px;" class="lqf">1</p>
</body>
</html>

在浏览器里1就会显示为黑色小方块

这种方式可以有效地防止别人在网页上复制信息。如果自己的网站信息不想被随便复制，可以自己定制一套字体。

也可以对爬虫进行简单的防护，但是毕竟字体文件是可见的，很容易获取到做映射的。

暖酒与春风

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
8
评论
css自定义字体应用--数据加密

今天想在网站上复制一点数据，91370212686764872.。结果复制出来的是这样的 ┌┄┆┊┃┅┄┅┉┋┉┊┉┇┋┊┅┐嗯，有可能是重写了复制事件，于是我悄悄地摁下了F12。。。大家都是程序员何必相互为难看到样式secretfontT，哦？.secretfontT{font-family: "efont",'Noto Sans SC' !important;...
复制链接

扫一扫

专栏目录