當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

手把手教你如何下载大厂页面的字体——开发

發(fā)布時(shí)間：2025/3/15 编程问答 34 豆豆

生活随笔收集整理的這篇文章主要介紹了手把手教你如何下载大厂页面的字体——开发小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

在個(gè)人學(xué)習(xí)的商城開發(fā)中，有些網(wǎng)上比較好看的字體想要下載該怎么辦呢？接下來詳細(xì)介紹一下
拿小米商城舉例：https://www.mi.com/
這個(gè)搜素框中的搜索符號(hào)其實(shí)是一種字體，那么如何來下載這種字體呢？
步驟：
右鍵——》點(diǎn)擊檢查——》Network——》Font——》點(diǎn)擊一下你要下載的字體——》點(diǎn)擊一下date:application

復(fù)制這段文字。注意：方框中的不要，連逗號(hào)都不能要

到這里結(jié)束

接下來將base64格式的字體信息解碼成可用的字體文件
進(jìn)入這個(gè)網(wǎng)址解碼：https://www.motobit.com/util/base64-decoder-encoder.asp

https://blog.csdn.net/hanhanwanghaha寶藏女孩歡迎您的關(guān)注！
歡迎關(guān)注微信公眾號(hào)：寶藏女孩的成長日記
如有轉(zhuǎn)載，請(qǐng)注明出處（如不注明，盜者必究）

選擇以上三個(gè)選項(xiàng)，就會(huì)自動(dòng)下載一個(gè)叫base64.bin的文件，再命名為.otf格式，例如：

這樣我們的字體也就算下載好了。

然后，在你的project（工程）里面可以新建一個(gè)font，將上面的文件復(fù)制粘貼到里面去，如

我們?nèi)サ叫∶咨坛琼撁嫒ツ眠@個(gè)搜索框。

復(fù)制引號(hào)里面的東西（這個(gè)特殊字體就是剛剛的搜索框）

測(cè)試代碼：

<!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>

下面有這個(gè)符號(hào)

運(yùn)行效果：

這樣就算是測(cè)試成功啦，希望此小文可以對(duì)你有幫助！歡迎一鍵三聯(lián)哈哈哈

注意：不可商用，否則侵權(quán)。

總結(jié)

以上是生活随笔為你收集整理的手把手教你如何下载大厂页面的字体——开发的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。