課程
/前端開發(fā)
/CSS3
/css3實現網頁平滑過渡效果
為什么我的那個圖標弄不出來？還是一個H？
2016-11-19
源自：css3實現網頁平滑過渡效果 2-5
正在回答
其實圖標是個字體文件，你有正確引進字體了嗎？
@font-face{ font-family:?"Raphaelicons"; src:url('fonts/raphaelicons-webfont.eot')?format('eot'), url('fonts/raphaelicons-webfont.svg')?format('svg'), url('fonts/raphaelicons-webfont.ttf')?format('ttf'), url('fonts/raphaelicons-webfont.woff')?format('woff'); font-weight:?normal; font-style:?normal; } /*引入字體http://www.w3cplus.com/content/css3-font-face 字體轉換https://www.fontsquirrel.com/tools/webfont-generator*/
然后應用在屬性選擇器上
[data-icon]:after?{font-family:?"Raphaelicons";}
舉報
CSS3 打造頁面之間的平滑過渡效果，帶來神奇的體驗
2 回答為什么我的字體圖標出不來？
2 回答hover的那個屬性沒顯示出來。
2 回答引入的字體圖標沒出來,
3 回答圖標沒有出來問題
1 回答為什么字不出來？？？
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優(yōu)惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-11-19
其實圖標是個字體文件，你有正確引進字體了嗎？
@font-face{ font-family:?"Raphaelicons"; src:url('fonts/raphaelicons-webfont.eot')?format('eot'), url('fonts/raphaelicons-webfont.svg')?format('svg'), url('fonts/raphaelicons-webfont.ttf')?format('ttf'), url('fonts/raphaelicons-webfont.woff')?format('woff'); font-weight:?normal; font-style:?normal; } /*引入字體http://www.w3cplus.com/content/css3-font-face 字體轉換https://www.fontsquirrel.com/tools/webfont-generator*/然后應用在屬性選擇器上
[data-icon]:after?{font-family:?"Raphaelicons";}