html给文字设置自己下载的字体

news/2024/11/8 18:37:28/

在项目文件里新建一个文件夹fonts(存放自定义字体)

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbTBfNTcyMDcxOTU=,size_20,color_FFFFFF,t_70,g_se,x_16

 把下载的字体放入文件夹,可以看到html界面出现

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbTBfNTcyMDcxOTU=,size_20,color_FFFFFF,t_70,g_se,x_16

1. 在head下的style里用@font-face标签,

font-family里自己随意给字体命名(这里我命名为ziti)

src里放字体的相对路径(即你编程的js项目里睁眼就可以看到的fonts文件夹然后再是字体的文件名(FZJZJW.TTF)

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbTBfNTcyMDcxOTU=,size_20,color_FFFFFF,t_70,g_se,x_16

 

2.这样就可以给文字设置成这种字体了。这里举列给元素选择器h1设置

只需要用font-family标签填刚刚命名的ziti就可以了

最后结果展示:

可以看到h1标签下的“把握移动端字体设计的七大准则”设置成了我们自己下载的字体

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbTBfNTcyMDcxOTU=,size_20,color_FFFFFF,t_70,g_se,x_16

 

 


http://www.ppmy.cn/news/665745.html

相关文章

css自定义字体

文章目录 载入字体使用字体 载入字体 font-family:字体名 src 字体文件地址 例如: font-face {font-family: al-Bold;src: url(Alibaba-PuHuiTi-Bold.ttf); }font-face {font-family: al-Medium;src: url(Alibaba-PuHuiTi-Medium.ttf); }使用字体 元素的font-fam…

百度识别文字接口(银行卡/行驶证/驾驶证/文字识别等)

$url ‘https://aip.baidubce.com/oauth/2.0/token’; $post_data[‘grant_type’] ‘client_credentials’; $post_data[‘client_id’] ‘client_id’; $post_data[‘client_secret’] ‘client_secret’; o " " ; f o r e a c h ( o ""; foreach …

CSS自定义字体,在线字体格式转换

在线字体格式转换地址:https://www.fontke.com/tool/convfont/ font-face { font-family: YourWebFontName; src: url(YourWebFontName.eot); /* IE9 Compat Modes */ src: url(YourWebFontName.eot?#iefix) format(embedded-opentype), /* IE6-IE8 */ url(YourW…

【批量行驶证识别】如何批量行驶证OCR识别行驶本行车本图片或复印件并导出至excel表格或文本格式,下面教你方法

继上一期,后台有人留言,是否有批量行驶证的识别导出表格 那么经过几个礼拜的研究,决定出一个批量行驶证的照片识别并导出Excel还有可以输出文本的 有的人叫行车本这个无所谓,我还特意去查了行车本就叫行驶本 下面对作品使用做一…

行驶证OCR识别,信息提取

司机朋友还在为办理车险、财险以及汽车相关业务时,不断录入行驶证信息而烦恼吗?广大交警朋友还为执法时,一个又一个需要手动登记的行驶证而头疼吗?不要紧,你们的福音来啦!可以集成于移动端的行驶证识别SDK“…

基于Opencv和Tesseract的行驶证识别系统设计

张伟超, 肖中俊, 严志国. 基于Opencv和Tesseract的行驶证识别系统设计[J]. 齐鲁工业大学学报, 2020, 34(1): 47-52. DOI: 10.16442/j.cnki.qlgydxxb.2020.01.009 ZHANG W C, XIAO Z J, YAN Z G. Design of Vehicle License Identification System Based on OpenCV and Tesser…

(整理)HTML字体标记:标题字体,字体大小,物理字体,逻辑字体,字体颜色,客户端字体,字符实体

HTML字体标记 HTML字体标记包括:标题字体,字体大小,物理字体,逻辑字体,字体颜色,客户端字体,字符实体等. 1.标题字体: <h#> ... </h#> #1, 2, 3, 4, 5, 6 <h1 align"center">居中显示标题</h1> <h1 style "background-color:#ff000…

【工具】在TTF字体中提取想要的文字,让字体文件变迷你

看到个非常实用的字体剪辑博文&#xff0c;记下以备后用。原地址为http://blog.csdn.net/ldpjay/article/details/46561031&#xff0c;大家可以到原地址查看。 【说明】 游戏中经常需要用到各种字体&#xff0c;但是网上下载的TTF字体文件最小也有好几兆&#xff0c;要是游戏中…