html字体

之前有做过一篇关于字体反爬的文章 ： https://blog.csdn.net/weixin_42277380/article/details/97239019 但对于其字体反爬如何生成的原理可能许多小伙伴不了解，故此也做一翻记录。 下面开始讲解如何制作及应用font-face拼凑式 第一步：自定义创建指定字符的字体 首先选择一款字体，可以选择系统自带的字体，也可以自己制作一种字体。也可以去网上下载一些字体。（.ttf格式） 我这里使用的 FontCreator 自己做的字体来演示。 下载打开fontcreator软件，来制作我们的自己的字体。（只要你有ttf格式就行，可以直接跳过第一步） 保存为.ttf文件 我这改名为mywebfont.ttf 2、ttf转svg 有很多在线ttf转svg的网站，我这里使用的是 ： https://everythingfonts.com/ttf-to-svg 上传ttf文件，将字体文件转为svg格式，另存为mywebfont.svg 然后点击convert下载svg格式文件 3、构建映射关系 进入 https://icomoon.io/app/#/select 选择左上角 Import Icons 按钮，导入mywebfont.svg 编辑我们自己想要的 然后点击download下载下来，打开压缩包。 4、映射在网页中 压缩包中的文件结构

首先我们需要的是itext.jar包。 itext是一个开源的rtf、pdf读写项目，属于sourceforge。rtf即是Rich Text Format，由微软公司开发的跨平台文档格式，缺点在于保存的大小会比较大，可能是由于考虑了兼容性的关系。 它的读写方式是比较通用的，无论是写rtf、pdf还是html，都有统一的Document，不同的格式有不同的写入器。如RTFWriter\PDFWriter。 下面记录几个概念： 1、 Font，字体对象 2、 Chunk，文本块，处理文本的最小单位，可以设置字体，颜色，等。 3、 Phrase，短语，由一个或多个Chunk组成。 4、 Paragraph，段落，由一个或多个Chunk以及Phrace组成。 5、 Chapter，章节对象 6、 Section，小节对象 7、 Table，表格对象 8、 Image，图像对象 备份一段代码： package com.anrainie.ide.flow.utilities.tool; import com.anrainie.ide.core.translators.StyleTranslator; import com.anrainie.ide.flow.utilities.document.MarsApplication; import com.anrainie.ide.flow

第1章 css和文档 1，元素：替换元素（img input），非替换元素（大多数span）。 2，link：rel（代表关系：stylesheet，候选样式表：alternate stylesheet）；type（text/css）；media：（all（所有表现媒体， screen，print），title（配合候选使用）。 3，@import url(sheet1.css) 需在style内使用，放在其他css规则之前。 4，向后可访问性：<style><!-- 样式 --></style>，这样较老浏览器会将style忽略，能理解css的浏览器能正常读取样式表。 5，css注释：/* */。 第2章 选择器 1，对声明分组时，一定要在各个声明的最后使用分号。 2，p.warming.help {background:red;} 只匹配class包含warming和help的p元素，如果p包含warming和其他的则不能匹配。 3，实际上，浏览器并不检查html中id的唯一性，但这会导致编写dom更困难。 4，属性选择器：h1[class] {...} h1[class=''] {...}完全匹配 h1[class~=''] {...}部分匹配 [class^='']以什么开头 [class$='']以什么结尾 [class*='']包含什么的所有元素 *[lang|='en

将外部字体放在与index.html同目录下； 打开index.html文件； 在style中引入外部字体： 　　@font-face { font-family: 'MyText'; src:url('./font/MyText.ttf') ; } 在script里监听字体是否加载完成： document.fonts.ready.then(success, fail); function success(){ egret.runEgret({renderMode:"webgl", audioType:0}); } function fail(){ } 直接引用：label.fontFamily = "MyText" 来源： https://www.cnblogs.com/WentingC/p/11934503.html

爬取一些网站的信息时，偶尔会碰到这样一种情况：网页浏览显示是正常的，用python爬取下来是乱码，F12用开发者模式查看网页源代码也是乱码。这种一般是网站设置了字体反爬 这里我们以58同城为例： 点击进入 https://sz.58.com/chuzu/ 链接： 网页显示数据为： 网页原码数据为： 从上面可以看出，生这个字变成了乱码，请大家特别注意箭头所指的数字。 在这里里我们确定该网站设置了字体反爬； 一说到字体反爬那我们得先了解CSS3 @font-face 规则： ttf文件 ： *.ttf是字体文件格式。TTF(TrueTypeFont)是Apple公司和Microsoft公司共同推出的字体文件格式,随着windows的流行,已经变成最常用的一种字体文件表示方式。 @font-face 是CSS3中的一个模块，主要是实现将自定义的Web字体嵌入到指定网页中去。 font-face是css3中允许使用自定义字体的一个模块。 基础知识参考： https://www.runoob.com/cssref/css3-pr-font-face-rule.html 了解完这个知识点我们就可以开始下一步操作了： （1）找到字体文件，并保存下来格式为.ttf： 回到网页上，右键查看网页源代码，搜索font-face关键字，可以看到一大串用base64加密的字符，把这些加密字符复制下来