免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
mui如何增加自定義icon圖標(biāo)

Enterprise

微博登錄不了
1 贊 2015-01-06 15:14

栗俊義

我按照上面一步一步的走怎么出不了效果
0 贊 2015-01-09 13:20

栗俊義

能不能出個(gè)教程
0 贊 2015-01-09 14:08

DCloud_MUI_CHB 回復(fù) 栗俊義

這還不是教程?
0 贊 2015-01-09 14:37

Hikaru

手機(jī)上亂碼怎么解決。PC上預(yù)覽沒問題
0 贊 2015-01-19 12:12

Rame 回復(fù) DCloud_MUI_CHB

呵呵~
PS:這居然是我在dcloud發(fā)出的第一條消息。。。
0 贊 2015-01-22 16:03

Lucare

不行啊
0 贊 2015-01-28 15:55

JustinReaper

沒有成功的把下面一段改一下:src:url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
把 "format('truetype')"后面的逗號(hào)去掉或改成分號(hào)
4 贊 2015-02-02 15:12

毒氣 回復(fù) JustinReaper

在手機(jī)上不顯示
0 贊 2015-02-08 15:32

毒氣 回復(fù) DCloud_MUI_CHB

為什么在Android上面不顯示
0 贊 2015-02-08 15:43

Danny

up up up,不過我覺得awesome font要好用一點(diǎn)兒,不用一個(gè)一個(gè)圖標(biāo)去下載,但是搜索不太容易
0 贊 2015-02-13 14:31

八怪

沒有成功顯示問題:記得加<link rel="stylesheet" href="css/iconfont.css"> 就可以成功了
7 贊 2015-03-07 17:11

大師兄

相信絕大部分同學(xué)都會(huì)加link,但是很多同學(xué)會(huì)忘了修改iconfont.css里面的url,放在fonts下的就要改為:
url("../fonts/iconfont.eto")
1 贊 2015-03-11 14:54

zkwap

iconfont的字體內(nèi)容怎么轉(zhuǎn)成這種的"\e602"; ,默認(rèn)是類似實(shí)體那種寫法啊&#xe600;,直接取后面的e600加上\嗎
0 贊 2015-03-12 10:44

MarsZhang

對(duì)于移動(dòng)應(yīng)用來說1.多個(gè)圖標(biāo)字體合成一個(gè)字體文件,避免每張圖片都需要聯(lián)網(wǎng)請(qǐng)求; 這條不成立吧?
0 贊 2015-03-21 02:31

MarsZhang

主要代碼:將mui默認(rèn)的icon(如mui-icon-home)替換成iconfont icon-nanzhuang,修改后預(yù)覽效果如下:
這樣原來的home圖標(biāo)不就沒了。這不算增加算替換吧。。

感覺還不如直接上圖片。。。。額。這個(gè)網(wǎng)頁的評(píng)論有BUG,超過5行就點(diǎn)不到確認(rèn)了。。
0 贊 2015-03-21 02:34

PandaJN

樓主,我照著步驟做了一遍,link也添加了,css里url也改了,但是圖標(biāo)仍然顯示空白,有的圖標(biāo)顯示個(gè)小框框。
2 贊 2015-04-08 09:55

PandaJN 回復(fù) PandaJN

給各位添麻煩了,我不小心刪丟了src標(biāo)記,感謝@劉楊
2 贊 2015-04-08 10:48

hum

這個(gè)太贊了,感謝。
0 贊 2015-04-10 16:05

huyong1978

1.修改了css\iconfont.css中的路徑

@font-face {font-family: "iconfont";
url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
}
.icon-bianjiwenjian:before { content: "\e603"; }

2. 也將iconfont.ttf放在fonts目錄下了

3. 使用
<span class="mui-icon iconfont icon-bianjiwenjian"></span>

可是看不到圖標(biāo),顯示空白,是哪里配置有問題嗎
1 贊 2015-05-06 15:32

huyong1978

@font-face {font-family: "iconfont";
url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

找到原因了,是應(yīng)該這里 url 后面多了個(gè) 逗號(hào) ,
2 贊 2015-05-06 15:46

琪輝

怎么我的都不顯示出來?!求解答
0 贊 2015-06-07 02:31

唐唐

very good?。。?
0 贊 2015-06-09 10:54

通宵吃蘋果

很好 很優(yōu)秀
0 贊 2015-06-21 16:42

烈火

沒搞定的朋友嚴(yán)格核對(duì)一下:
1.注意src,還有分號(hào)。
@font-face {
font-family: "iconfont";
src: url('../fonts/iconfont.ttf') format('truetype');
}

.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
}
.icon-gouwuche:before { content: "\e600"; }
2.注意link css.
2 贊 2015-06-21 23:43

徐梓萱

非常感謝,很好用,mark!
0 贊 2015-07-01 17:42

懵堅(jiān)

好東西,嘗試下
0 贊 2015-07-10 15:30

yangjh

太屌了,按照這個(gè)教程一步一步,完全成功了,就是擔(dān)心以后阿里巴巴不提供這個(gè)服務(wù)了就悲劇,已經(jīng)把所有字體都下載了哈哈
1 贊 2015-07-10 17:58

冷哥

為什么我的圖標(biāo)顯示一個(gè)小框框呢?
0 贊 2015-07-30 15:54

暴走吧

我照著步驟一步一步來,也是只顯示一個(gè)框框
0 贊 2015-07-31 11:13

JL

圖片呢????????媽蛋
0 贊 2015-08-04 11:03

獨(dú)霸天下

如若還不行的話, 注意這句話。 “主要代碼:將mui默認(rèn)的icon(如mui-icon-home)替換成iconfont icon-nanzhuang”
0 贊 2015-08-05 11:01

liguiyan

將iconfont.css及iconfont.ttf兩個(gè)文件分別拷貝到mui工程css及fonts目錄下,mui目錄是哪里?我的只顯示文字,怎么弄啊
0 贊 2015-08-06 10:59

DCloud_MUI_CHB 回復(fù) liguiyan

你自己創(chuàng)建的工程,找mui.min.css所在目錄
0 贊 2015-08-06 11:07

sunrise52java 回復(fù) 暴走吧

請(qǐng)問你的問題解決了嗎?我也是這樣的問題
0 贊 2015-08-10 17:42

sunrise52java 回復(fù) 冷哥

請(qǐng)問你的問題解決了嗎?我也是這樣的問題
0 贊 2015-08-10 17:42

sunrise52java

1、css改成了這樣:
@font-face {font-family: "iconfont";
src: url('../fonts/iconfont.ttf') format('truetype'); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
.icon-huifu:before { content: "\e600"; }
.icon-gerenxinxi:before { content: "\e601"; }
.icon-fatie2:before { content: "\e602"; }

2、ttf也已經(jīng)放到了fonts下面。
3、頁面代碼:
<span class="icon-gerenxinxi"></span>

為什么顯示出來的只是一個(gè)白色的小框框?
0 贊 2015-08-10 17:46

sunrise52java 回復(fù) DCloud_MUI_CHB

1、css改成了這樣:
@font-face {font-family: "iconfont";
src: url('../fonts/iconfont.ttf') format('truetype'); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
.icon-huifu:before { content: "\e600"; }
.icon-gerenxinxi:before { content: "\e601"; }
.icon-fatie2:before { content: "\e602"; }

2、ttf也已經(jīng)放到了fonts下面。
3、頁面代碼:
<span class="icon-gerenxinxi"></span>

為什么顯示出來的只是一個(gè)白色的小框框?
0 贊 2015-08-10 18:24

sunrise52java 回復(fù) DCloud_MUI_CHB

頁面也已經(jīng)引入css文件
<link rel="stylesheet" href="css/iconfont.css" />
0 贊 2015-08-10 18:25

DCloud_MUI_CHB 回復(fù) sunrise52java

需要加上iconfont類,如:<span class="iconfont icon-gerenxinxi"></span>
0 贊 2015-08-11 10:22

sunrise52java 回復(fù) DCloud_MUI_CHB

非常感謝,出來了。。。我太粗心了
0 贊 2015-08-11 16:31

Jey

再幫樓主總結(jié)一下:
1.需要iconfont.css及iconfont.ttf兩個(gè)文件,分別放到項(xiàng)目中的CSS和fonts下面
2.修改iconfont.css(參照樓主的做法,注意src:url()后面結(jié)尾是分號(hào),或者沒有)
3.在你自己的.html文件中添加鏈接<link href="css/iconfont.css" rel="stylesheet"/>(在<script></script>中間)
剛開始也是找了度娘好多次,都沒解決,后來才回到了最開始的地方(Dcloud.ask),看了樓主的貼,自己摸索了一下,才把這個(gè)問題解決了,感謝。
3 贊 2015-08-15 11:51

LOL烏迪爾

測(cè)試成功,感謝
0 贊 2015-08-21 17:56

地克制

可以實(shí)現(xiàn)的,有不懂的地方,可以咨詢QQ:54954645
<span class="mui-icon iconfont icon-jixieshebei"></span>
0 贊 2015-08-23 20:40

小兜兜_咳咳 回復(fù) PandaJN

請(qǐng)問你是怎么解決的?我的也是小框
0 贊 2015-08-27 22:34

沁沁 回復(fù) 栗俊義

可以做出來的,記得添加這句 <link href="css/iconfont.css" rel="stylesheet" /> ,不然都是白費(fèi)功夫。
0 贊 2015-08-31 10:44

風(fēng)雪無血 回復(fù) Hikaru

你是怎么解決的啊???
0 贊 2015-09-01 17:41

DC甚屌

同樣是小方框。
0 贊 2015-09-09 14:30

重生

link一下CSS文件就可以顯示
0 贊 2015-09-16 15:10

重生

文檔中其他的地方講的都是對(duì)的
0 贊 2015-09-16 15:10

真的老白

授人以魚不如授人以漁,謝謝 DCloud團(tuán)隊(duì),支持你們,學(xué)到很多東西,希望你們官司能打贏。
0 贊 2015-09-24 19:57

uoomii

遇到一個(gè)問題,比如我已經(jīng)有一個(gè)iconfont.ttf的圖標(biāo)文件了,但里面圖標(biāo)不全,我想再新增幾個(gè),怎么處理?
0 贊 2015-09-29 14:38

DCloud_MUI_CHB 回復(fù) uoomii

看你的iconfont.ttf怎么生成的,若同樣是從iconfont.cn網(wǎng)站上下載生成的,則在iconfont.cn上選擇該項(xiàng)目,繼續(xù)增加圖標(biāo)即可
0 贊 2015-09-29 16:17

faker

很強(qiáng)大,很直觀
0 贊 2015-10-27 15:24

asdfasdf23r

---------------------------------------淫蕩的分割線----------------------------------------------

當(dāng)你看到我發(fā)的信息的時(shí)候,恭喜你,按著我說的做保證你成功:

1、css里面只修改路徑,也就是 ../fonts/xxx,什么都不要?jiǎng)h除
2、將所有字體和css都拷貝到對(duì)應(yīng)的文件夾、
3、在頁面中l(wèi)ink導(dǎo)入css文件
4、加上css屬性即可
1 贊 2015-10-30 16:07

天勝

按照說明操作成功了。謝謝
還想問一下,新引入的圖標(biāo),怎么讓它垂直居中顯示?mui的就是居中的,我引入的就靠最上邊了。
0 贊 2015-11-09 13:50

天勝 回復(fù) 天勝

自問自答,增加line-height: 1;就好了。我css水平太弱了。
0 贊 2015-11-09 14:06

RickSun

就不行!!!!! 這教程出的還不如不出?。。?!
0 贊 2015-11-18 23:58

姚晶晶

可以整體換成用font awasome的圖標(biāo)么
0 贊 2015-12-05 16:39

DCloud_MUI_CHB 回復(fù) 姚晶晶

自定義的部分可以更換
0 贊 2015-12-07 14:07

寧殺錯(cuò)不放過 回復(fù) PandaJN

我琢磨好久才琢磨出來 不是如上說的只要ttf格式 而是需要好幾種 你把所有的都用上就能出來了
0 贊 2015-12-10 16:47

寧殺錯(cuò)不放過

為什么iconfont.css里面只留iconfont.ttf頁面中顯示個(gè)框框 而全部格式用上才可以正常顯示 求解
0 贊 2015-12-10 16:49

peter_yu

學(xué)到了。挺牛逼的。
0 贊 2015-12-16 11:41

peter_yu

我試了一下,發(fā)現(xiàn)IOS9.2什么都沒有。安卓機(jī)上面只有一個(gè)框,是什么問題。能不能解答下啊
0 贊 2015-12-16 22:37

levin

文檔差勁得要命!
0 贊 2015-12-23 14:40

潘多拉之欣

什么時(shí)候出個(gè)視頻教程呀 這么多文字看的頭疼
0 贊 2016-01-04 10:58

瓜戳戳的

話說,如果出現(xiàn)了字庫沖突怎么辦呢?
0 贊 2016-01-09 18:00

欲風(fēng)

nice 專業(yè)
0 贊 2016-01-14 13:34

nuosens

文章中有段文字會(huì)產(chǎn)生誤解“將iconfont.css及iconfont.ttf兩個(gè)文件分別拷貝到mui工程css及fonts目錄下,然后即可在mui中引用剛生成的字體圖標(biāo),我們以選項(xiàng)卡為例,代碼如下”。完整的描述應(yīng)該是“將iconfont.css及iconfont.ttf兩個(gè)文件分別拷貝到mui工程css及fonts目錄下,然后即可在mui中通過link的形式引用剛生成的字體圖標(biāo)CSS文件,我們以選項(xiàng)卡為例,代碼如下”。誤解點(diǎn)在于:以為這個(gè)框架有什么機(jī)制會(huì)自動(dòng)引用css中內(nèi)容,不需要通過link的方式引入。而且貼出來的代碼也沒有貼出link。
0 贊 2016-01-21 14:35

douzi 回復(fù) 栗俊義

要在html文件中引入iconfont.css
0 贊 2016-01-27 16:01

ayone

我出現(xiàn)的問題是,Safari和chrome上的圖標(biāo)顯示良好;但是android4.4(三星)上圖標(biāo)是亂碼,android5.1(魅族)上圖標(biāo)不出現(xiàn)。求樓主解答啊指點(diǎn)我下。
0 贊 2016-01-27 22:31

嘿大叔 回復(fù) PandaJN

我居然犯了跟你一樣的錯(cuò)誤
0 贊 2016-02-02 15:39

諸葛胖子 回復(fù) 冷哥

css里面有個(gè)逗號(hào)需要改成分號(hào)
0 贊 2016-02-03 00:53

jingxin

可不可以合并到mui自帶的字體里?不然還是會(huì)多請(qǐng)求一次啊
0 贊 2016-03-01 07:25

Miss

mark
0 贊 2016-03-02 14:51

班門打虎

我也找這個(gè)問題很久,最終還是解決了.
由于是按提示照搬,當(dāng)我們刪除多余后會(huì)出現(xiàn)下列代碼:
@font-face {font-family: "iconfont";
url('../fonts/iconfont.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
}

而我們需要在url 前面加入 src: 即可:
@font-face {font-family: "iconfont";
src:url('../fonts/iconfont.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
}
1 贊 2016-03-03 11:16

farce

收藏了,有用啊
0 贊 2016-03-07 17:50

Tim_Ke

關(guān)掉瀏覽器,重新再用chorme打開,反正我是這么做了,還有提示一下,安卓4.0一下版本不支持SVG
0 贊 2016-03-22 10:47

符師傅

圖標(biāo)庫都找不到我需要的圖標(biāo)該怎么做呢?
0 贊 2016-03-28 15:02

bluesky628 回復(fù) 符師傅

那就找個(gè)美工 做啊
0 贊 2016-03-30 11:45

sololi

自己有圖標(biāo)不用三方的怎么添加呢
0 贊 2016-03-30 15:31

奔跑De小豬 回復(fù) 毒氣

我的也是在Android上顯示不出來,你的是怎么解決的?
0 贊 2016-04-07 13:57

korean

可以了。贊。頁面引入這個(gè) <link rel="stylesheet" href="fonts/iconfont.css" />
0 贊 2016-04-11 11:29

xiamo152 回復(fù) 班門打虎

引入后還有亂碼 看了半天還是你的方案解決了我的問題多謝了=。=
0 贊 2016-04-11 15:08

547179096@qq.com

出現(xiàn)小框我是自己改了路徑為相對(duì)路徑,不要用絕對(duì)路徑
src:url('../fonts/iconfont.ttf?t=1461033497') format('truetype');/*
而且.icon-wode:before { content: "\e600"; }與原來的重復(fù)需要把原先的先刪除,再添加進(jìn)來才會(huì)顯示的
0 贊 2016-04-19 10:59

vfeng.lvlv@qq.com 回復(fù) 大師兄

太棒了,就是這個(gè)問題,折騰了好久,看了你這個(gè)改了一下路徑就可以了,太感謝了
0 贊 2016-04-20 16:32

vfeng.lvlv@qq.com 回復(fù) 毒氣

修改iconfont.css里面的url,
0 贊 2016-04-20 16:33

Mir

我的解決方案如下,希望可以幫助大家
@font-face {
font-family: "iconfont";
src:url(../fonts/iconfont.ttf) format('truetype') /*修改這個(gè)位置*/
}
0 贊 2016-04-21 16:25

liuxiaomin@boholo.com

very good !
0 贊 2016-04-27 17:31

噬魂噶蛋蛋

這個(gè)圖標(biāo)教程好!
0 贊 2016-04-29 02:41

leiming19877@163.com

非常棒。
0 贊 2016-04-29 14:41

智慧楓

這只是弱集成吧 說白了就是引用一個(gè)外置的字體 到mui對(duì)應(yīng)目錄結(jié)構(gòu) 強(qiáng)集成應(yīng)該修改屬性名稱使得引用和自帶結(jié)構(gòu)一致,不過外置的又沒有l(wèi)ess或saas 批量修改麻煩
0 贊 2016-04-30 04:50

wyntersong@foxmail.com

注意前面的src
0 贊 2016-05-10 20:49

歐石楠

非常詳細(xì),有用
0 贊 2016-05-19 18:46

彌天

按照步驟來,已成功,謝謝
0 贊 2016-05-20 11:14

米老鼠維尼熊

收藏
0 贊 2016-05-22 17:26

杰世

問下,美工 就給我個(gè) png 我怎么弄?。。。?!
0 贊 2016-05-27 14:27

DCloud_MUI_CHB 回復(fù) 杰世

跟美工說需要svg格式的
0 贊 2016-05-27 16:18

杰世 回復(fù) DCloud_MUI_CHB

然后上傳 那個(gè)網(wǎng)站 ???
0 贊 2016-05-27 16:30

2712079998@qq.com

顯示為小框框還可能是下載的時(shí)候選的是unicode而不是fontclass 教程的截圖是錯(cuò)的。。
1 贊 2016-06-06 14:21
本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
使用阿里巴巴圖標(biāo)庫生成iconfont字體圖標(biāo)
ICONFONT在APP中的使用
WEB前端第十九課——雪碧圖&滑動(dòng)門
最酷的Bootstrap免費(fèi)字體和圖標(biāo)
優(yōu)品視界,聚合影視APP源碼。mui框架,hbuilder即可編譯,云打包生成ios的Android的app
網(wǎng)頁|上手MUI
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服