在个人学习的商城开发中,有些网上比较好看的字体想要下载该怎么办呢?接下来详细介绍一下
拿小米商城举例:https://www.mi.com/
这个搜素框中的搜索符号其实是一种字体,那么如何来下载这种字体呢?
步骤:
右键——》点击检查——》Network——》Font——》点击一下你要下载的字体——》点击一下date:application
复制这段文字 。注意:方框中的不要,连逗号都不能要
到这里结束
接下来将base64格式的字体信息解码成可用的字体文件
进入这个网址解码:https://www.motobit.com/util/base64-decoder-encoder.asp
https://blog.csdn.net/hanhanwanghaha宝藏女孩 欢迎您的关注!
欢迎关注微信公众号:宝藏女孩的成长日记
如有转载,请注明出处(如不注明,盗者必究)
选择以上三个选项,就会自动下载一个叫base64.bin的文件,再命名为.otf格式,例如:
这样我们的字体也就算下载好了。
然后,在你的project(工程)里面可以新建一个font,将上面的文件复制粘贴到里面去,如
我们去到小米商城页面去拿这个搜索框。
复制引号里面的东西(这个特殊字体就是刚刚的搜索框)
测试代码:
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style type="text/css">@font-face {font-family:"xiaomiziti";src:url("font/xiaomiziti.otf");}#Jay{font-family: "xiaomiziti";}</style></head><body><div id="Jay"><label for="search">你想搜什么?</label></div></body>
</html>
注意:我在这行代码
<label for="search">你想搜什么?</label>
下面有这个符号
运行效果:
这样就算是测试成功啦,希望此小文可以对你有帮助!欢迎一键三联哈哈哈
注意:不可商用,否则侵权。
https://blog.csdn.net/hanhanwanghaha宝藏女孩 欢迎您的关注!
欢迎关注微信公众号:宝藏女孩的成长日记
如有转载,请注明出处(如不注明,盗者必究)