在商城开发中,有些网上比较好看的字体想要下载该怎么办呢?接下来详细介绍一下
拿小米商城举例:https://www.mi.com/
这个搜素框中的搜索符号其实是一种字体,那么如何来下载这种字体呢?
步骤:
右键——》点击检查——》Network——》Font——》点击一下你要下载的字体——》点击一下date:application
复制这段文字 。注意:方框中的不要,连逗号都不能要
到这里结束
接下来将base64格式的字体信息解码成可用的字体文件
进入这个网址解码:https://www.motobit.com/util/base64-decoder-encoder.asp
选择以上三个选项,就会自动下载一个叫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>
下面有这个符号
运行效果:
这样就算是测试成功啦,希望此小文可以对你有帮助!欢迎一键三联哈哈哈