Css字型圖示引入方式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
@font-face{
font-family: 'iconfont';
src: url('iconfont/iconfont.eot');
src: url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
url('iconfont/iconfont.woff') format('woff'),
url('iconfont/iconfont.ttf') format('truetype'),
url('iconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont{
font-family: "iconfont";
font-size:16px;
font-style: normal;
}
</style>
</head>
<body>
<i class="iconfont"></i>
</body>
</html>
相關文章
- Css字型圖示偽元素方式引入CSS
- font-class引入css樣式,引入字型圖示CSS
- 微信小程式引入圖示字型Font Awesome微信小程式
- vue 專案引入字型圖示報錯、不顯示等問題Vue
- css引入的幾種方式CSS
- CSS 引入方式,選擇器CSS
- CSS的四種引入方式CSS
- 圖示字型 VS 雪碧圖——圖示字型應用實踐
- CSS 小結筆記之圖示字型(IconFont)CSS筆記
- vue 引入圖示庫Vue
- 如何在css中引入自定義字型(font-face)CSS自定義字型
- Vue引入icon圖示Vue
- 前端圖片引入方式神演算前端
- 字型圖示的應用
- CSS #定位 #顯示方式CSS
- CSS 從入門到放棄系列:CSS的引入方式CSS
- css引入外部css檔案的方式簡單介紹CSS
- Font Awesome 一套絕佳的圖示字型庫和CSS框架CSS框架
- 字型圖示固用程式碼
- 使用svg製作字型圖示SVG
- 引入CSSCSS
- Web字型圖示-自動化方案Web
- 小程式中使用字型圖示
- css字型CSS
- 使用icomoon把svg圖片生成字型圖示SVG
- 如何使用 Javascript 將圖示字型渲染為圖片JavaScript
- win10桌面圖示字型大小怎麼調_win10桌面圖示字型大小如何設定Win10
- css引入方法CSS
- 在Flutter中使用Iconfont圖示、字型Flutter
- Uni-app 中使用 .ttf 字型圖示APP
- 【CSS簡介、基礎選擇器、字型屬性、文字屬性、引入方式】前端小抄(2) - Pink老師自學筆記CSS前端筆記
- 本地引入vue、element-ui引入fonts,icon圖示不生效問題VueUI
- CSS font 字型CSS
- 3、CSS 字型CSS
- CSS--字型CSS
- 便捷生成 Iconfont 圖示字型在用於 FlutterFlutter
- Android 如何應用ttf圖示字型庫Android
- 微信小程式使用字型圖示的方法微信小程式