首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

CSS使用字体新姿势 unicode-range用法与使用场景

现在想要在CSS中使用自定义字体或者第三方字体,是一件非常简单事情,只需要简单使用@font-face规则即可导入各种字体文件。...不过一般在使用英文字体时候,都没有什么问题,但是在使用包含有汉字字体时候,字体文件一般都比较大,5~6MB一般都算小,大10几MB,这对网站加载速度是一个很大影响。...本意是我自己使用那个字体太大了,看能不能到一个稍微小一点包含汉字字体,当时找了一个合适字体以后,Google Fonts提供在线使用,在使用了提供link代码以后,放在网页中发现网页加载很快,...字体相关文件只用了几百毫秒,感觉还是比较震撼,这个字体下载下来以后发现有3M左右大小,正常加载应该也需要6-10秒左右,这种毫秒级加载感觉还是很震撼,看了下提供link里css代码如下格式:...,看到后面的unicode-range属性,去了解了一下发现只正确了一半,实际上它使用了一种更加高级,优雅和更加复杂一种方式。

2.2K10
您找到你想要的搜索结果了吗?
是的
没有找到

python文本文件编码格式:ASCII和UNICODE

文本文件存储内容是基于字符编码文件,常见编码有ASCII、UNICODE等 Python2.x默认使用ASCII编码 Python3.x默认使用UTF-8编码 一、ASCII编码和UNICODE编码...1.1》ASCII编码 ASCII编码可以说是最古老编码了,是因为计算机最早是美国人发明,美国人为了在计算机中使用自己英语就制定了ASCII编码。...1.2》UNICODE编码 UTF-8编码格式: UTF-8是UNICODE编码一种编码格式 计算机中使用1~6个字节表示一个UTF-8字符,涵盖了地球上几乎所有地区文字 大多数汉子会使用3个字节表示...2、也可这样,=号两边不要空格 # coding=utf8 问题: 在python2.x中,即使指定了文件使用UTF-8编码格式,但是在遍历字符串时,仍然会以字节为单位遍历字符串 答: 要能够正确遍历字符串...,在定义字符串时,需要在字符串引导前增加一个小写字母u,告诉解释器这事一个unicode字符串(是使用UTF-8编码更是的字符串) 代码:这段代码在python2.x中汉子会出现很多符号 str =

1.8K20

字体图标iconfont使用

1.将从阿里矢量图标库中图标并下载到本地 2.使用图标(三种使用方式) 1.使用 FontClass(最简单方式,支持字体样式定义但不支持多色字体) fontClass 支持字体样式定义,但不支持多色字体...} 2.使用 Unicoded(兼容性最好,支持字体样式定义但不支持多色字体) 支持字体样式定义,但不支持多色字体,兼容性最好,支持 IE6+,及所有现代浏览器。...Symbol(兼容性最差,支持字体样式定义且支持多色字体) 支持多色图标了,通过一些技巧,支持像字体那样,通过 font-size, color 来调整样式。...:before/:after 里 iconfont 使用方法 :before/:after 是伪元素,fontawesome 是在伪元素 content 加入不同 Unicode 来渲染不同图标的...进制 Unicode 编码,所以可以直接写 content: "\e7bb"; unicode:&#e61f; ====> 伪类 content :’\e61f’; .box:before { font-family

4K20

cool-certificate, 一个好玩证书生成工具

因为我之前已经有一些用Python Django框架做小网站经验,而且Python PIL模块可以完成这个任务,所以我立即想到, 能不能结合两者,建立一个网站,让用户输入姓名,然后将用户姓名传入到后台...经过思考我发现这种思路是可行,而且工作量貌似也不是很大,所以今天早上开始做了做,在无人机驾照基础上又增加了2个有趣证件:潜水证和超级帅哥证,今晚终于作出了一个粗糙结果(网站页面使用了原始和简单...用户名应该写在哪里需要手工确定(我用Windows 画图工具中找到具体位置坐标) 将生成图片返回给网站页面 实现一些细节问题 将文字写到图片上 这里使用PIL(Python Image Library...用户输入姓名时,生成包含姓名证件图片,保存在本地。 在实际操作中发现,有些字体不支持部分中文,所以我在网上下了Aria Unicode字体,经测试发现能显示所有中文字体。...Django返回处理图片格式 我最初想是用户点击确定按钮后,跳转到新页面,在这个页面上单独显示处理后照片,所以response类型设置成image/jpeg即可。

90120

位图字体制作与使用

第二步:改变为Unicode编码(UTF-16 LE) txt文本必须要存为Unicode编码格式才可以,如果我们不能确认编码是不是正确,那就另存为时候选择一下编码类型。如下图所示。 ?...第四步:导入源字符文件 在这个步骤里,我们把之前保存为Unicode编码txt文件,导入到位图字体制作工具里。...如果有提示失败,请检查txt文件是不是unicode编码(UTF-16 LE)文件,以及使用字体是否包含了选中txt文本文件内内容。...尽量不要拿其它引擎位图字体资源在LayaAir中使用,LayaAir引擎只支持xml格式字体描述文件 第六步:导出位图字体 完成以上这些配置步骤后,就可以导出位图字体了。...在另存为窗口,选择要保存位图字体文件目录,起好文件名,点击保存即可导出生成一个字体描述文件(.fnt格式)和一个字体纹理图文件(.png格式)。

3.1K30

设置RichTextBox字体格式:粗体、斜体、下划线 【转】

做一个文本编辑控件,设置字体格式等功能必不可少。 RichTextBox作为.Net提供富文本控件,成为很多人做文本编辑器首选。...那如果我选中字体中既有汉字又有英文,或者字体FontName不同时,会有问题吗?试一下,结果出异常了。 为什么呢?...我们可以在使用前先判断一下oldFont是否为空。如果为空,我们再做单独处理。       在被选中文本SelectionFont为空情况下,我们该怎样设置被选中文本格式是一个很重要问题。.../// ///设置字体格式:粗体、斜体、下划线 /// /// 事件触发后传参:字体格式类型...curRichTextBox.Select(curRtbStart, len); }   这样就避免了设置字体格式上述问题。

2.2K30

Django使用django-apscheduler问题

Django定时任务 由于业务需要,后台要有一个定时任务功能,起初考虑单独出来使用Linux系统corn来实现。但是考虑到这样会很不方便。...于是便寻找定时任务模块,就找到了APScheduler,考虑到要在Django使用,后来就采用了django-apscheduler来作为定时任务模块,但是这个模块本身有bug。...Django定时任务不要使用django-apscheduler模块,直接使用APScheduler模块即可。...APScheduler官方使用指南,在这份指南中明确指出django-apscheduler并不是官方支持。...使用APScheduler 现在,我们避免了django-apscheduler模块抛出异常问题,但是我们还有一个问题等待解决,那就是uWsgi使用多进程模式启动Django项目,因此我们会有多个进程去执行这个定时任务

2K30

使用python找到PDF文件文本位置、字体大小、字体名称和字体颜色

看了https://cloud.tencent.com/developer/ask/sof/1162044,需要获得pdf文件段落字体大小。...正好在做这方面的工作,还是使用fitz,就可以获得字体大小具体思路是:现将pdf转换成html,在使用bs4解析html具体代码如下:pdf2html:将pdf转换成html,这一步在转换时,有时会丢失一些字体信息...pdf2list:调用pdf2html现将pdf转换成html,在使用BeautifulSoup对html进行解析。...节点,并读取取style属性,主要包括字体名称、字体大小、字体颜色,是否加粗pdf2html没有提取到。...,则删除,在增加,保持最后字体样子,后续判断要用到字体大小 pspansstyles.remove(pspansstyle)

2.9K40

Django Form使用

最近在项目上用到了 Django 自带 Form 表单,遇到了一些坑,这里做一个简单总结,大家可以对号出坑。...对于 Django Form 表单用法,我们只需要了解以下几点: 它是一个定义一个 Form 类,基类是 django.forms.Forms 或者 django.forms.ModelForm...,在 view 中实例化定义好 Form 类,在模板中使用 {{ form }} 即可自动生成对应 form 表单内容。...所以我采用解决办法是提取公共元素,其他可变元素用了一个json字段存在数据库中。 而这样导致问题就是,不能使用 ModelForm ,我选择了使用普通 forms.Form 。...图片格式编辑页如何获取之前展示结果 对于图片,新建时候上传还比较简单,问题是在于如果是编辑,如何带回原来上传结果。我们都知道 是没办法赋值

2.2K20

Web使用HarmonyOS字体压缩方案

,综合考量不同设备尺寸、使用场景等因素,同时也考虑用户使用设备时因视距、视角差异带来字体大小和字重不同诉求,我们为 HarmonyOS 设计了全新系统默认字体——HarmonyOS Sans(...网页加载速度影响 如果需要全站使用同一种字体,那么我们或许需要同时加载 Regular、Medium、Bold 等不同字重字体文件,这里给一个参考: HarmonyOS_Sans_SC_Regular.ttf...将 unicode 合理分段后,使用 fonttools subset 对字体进行压缩,命令如下: pyftsubset ....输出字体格式 我们将 unicode 写入 unicode.txt 文件中,使用 --unicodes-file=即可使用。...待所有字体压缩完成后,我们在 CSS 中使用 unicode-range属性来调用对应 unicode 区域字体文件。

1K30

css3attr函数使用,加载unicode图标

阿里矢量图标在项目中都用使用,通常一般我们引入css使用iconfont,或者我们使用svg加载图标,亦或我们可以使用Unicode,除了第一种与第二种,今天分享第三种方式unicode加载图标,希望看完在项目中能有所思考和帮助...css有一个超强函数特性attr,在css里面我们可以动态取到unicode值 我们看下css代码,注意unicode就是你标签上那个属性 .maic-del { &::before {...渲染这整个标签,不然图标始终显示不出来) 所以你会发现在css中你用attr这个属性就可以动态加载标签上unicode了 cssAttr 在以上我们图标用unicode就可以加载图标,同时我们也知道利用...因此我们就用css中attr结合js实现了一个计数器功能,关于cssattr还有更多待挖掘功能,在动态改变图标等,attr是一种不错选择方案 总结 加载阿里矢量图标除了使用class与svg,我们也可以使用...attr加载使用unicode css3函数var,calc,attr使用 使用cssattr特性简单实现计数器效果 本文示例code example[4] 参考资料 [1]iconfont: https

1.4K30

筛选加粗字体格式单元格3种方法

标签:Excel技巧 在工作表中有很多数据,一些数据所在单元格设置为加粗字体格式,现在想要筛选出所有这些加粗字体格式单元格。 示例数据如下图1所示。...图1 这里,讲解3种方法来实现筛选带有加粗字体格式单元格。 方法1:替换 查找和替换用于查找指定文件,也可查找特定格式(例如单元格背景色、字体颜色、加粗字体)。...单击“查找内容”后格式”按钮,选择“字体”选项卡中加粗;单击“替换为”后格式”按钮,设置背景色,如下图2所示。 图2 4.单击“全部替换”按钮。...图3 此时,会自动筛选出所有加粗字体单元格。 方法2:使用Get.Cell公式 GET.CELL()是一个Excel4宏函数,仍然可用。...参数reference指定想要引用单元格。 下面来使用GET.CELL实现筛选加粗字体单元格。 在功能区“公式”选项卡中,单击“定义名称”组中“定义名称”命令。

2.8K30

django 定时任务 django-crontab 使用

在做 django 开发需求时,多多少少都会遇到需要定时任务功能,比如定时执行任务,检查订单之类。...查看了一下相关资料, django 定时任务 django-crontab 库比较多教程和资料,虽然 star 数才五百,但是 API 接口比较简单,接入也很方便,功能也很全面,当然,也存在一此无法解决问题...,使用时需要注意。...2、使用教程 1.安装: pip install django-crontab 2.添加配置到 settings.py INSTALLED_APPS 中 INSTALLED_APPS = ( '...格式2: 要求:cron计时通常格式 要求:python模块路径下待执行定时任务 可选:方法位置参数列表(默认值:[]) 可选:方法关键字参数dict(默认值:{}) 可选:特定于定时任务后缀(

6.1K30

PHPimagettftext字体文件ttc使用方法

在PHP编程开发中,使用字体文件ttc来渲染文本是一项非常实用技术。ttc文件是TrueType字体集合文件缩写,它可以包含多个TrueType字体,因此在使用时需要进行一些特殊处理。...下面,我们将为大家介绍PHPimagettftext字体文件ttc使用方法,希望能够对大家有所帮助。首先,我们需要了解ttc文件格式。一个ttc文件实际上是由多个ttf文件合并而成。...因此,在使用ttc文件时,我们需要先确定要使用字体在ttc文件中索引。一般来说,第一个字体索引为0,第二个字体索引为1,以此类推。...如果是ttc格式,则根据格式解析出需要使用ttf文件。接着,我们将ttf文件写入一个临时文件中,并调用imagettftext函数进行渲染。最后,我们使用unlink函数删除临时文件。...综上所述,PHPimagettftext字体文件ttc使用方法就是先读取ttc文件内容,并根据格式解析出需要使用ttf文件,然后将ttf文件写入临时文件中,最后使用临时文件路径调用imagettftext

39640
领券