japanese少妇高潮潮喷 -精品国产AV一区二区三区-麻豆av一区二区三区久久-国产精品无码专区

用字體在網頁中畫Icon圖標

發布時間:2025-05-18 點擊:14
第一步,下載。icomoon網站選擇字體圖標并下載,解壓后將fonts文件夾
放在工程目錄下。fonts文件夾內有四種格式的字體文件:
注:由于瀏覽器對每種字體的支持程度不一致,要想在所有瀏覽器中都顯示字體
圖標,必須同時引入這些字體文件。
第二步,使用@font-face規則。在樣式文件中自定義字體
@font-face{ font-family:’imooc-icon’;/*自己取的名稱*/ src:url(fonts/icomoon.eot)format(embedded-opentype),/*后綴為eot,format對應的字符串*/ url(fonts/icomoon.ttf)format(truetype), url(fonts/icomoon.woff)format(woff), url(fonts/icomoon.svg)format(svg); font-weight:normal; font-style:normal; } 第三步,顯示字體圖標。比如要在span標簽上顯示字體圖標,首先打開之前下載
的解壓后的字體文件夾,點擊里面的demo.html,獲得圖標編碼。
在span標簽里寫進 &#x圖標編碼; 如圖:
并在樣式里設置該span標簽的字體為我們自定義的字體名稱。
最后,優化和兼容。為了兼容ie,對@font-face規則作出改進。
為了獲得更好的顯示效果,需要在span樣式里再加入一些代碼。
接下來,介紹第二種方式使用字體圖標。
用字體圖標的名稱作為類名,并在相應標簽上添加這個類名。代碼片段如下:
.icon-film:before{ content:’\e913’;/*注意這里用的是反斜線*/ } <span class=icon-film></span> 注:在下載字體圖標時,可以點擊網站頂部preferences按鈕進行參數設置,
下載完后,打開里面的css文件,有可供直接使用的代碼。


網站建設需要多少人
原來雙線機房有這么多實現方式?
服務器是干什么用的(作用是什么)
網站錨文本優化的幾大技巧分析
網站影響搜索引擎抓取的因素有哪些?
阿里云獨享虛擬主機搭建個人網站步驟
世界上最危險的前十名的域名,十大危險域名.com和.net榜上有名
企業建網站導致不能轉化的誤區