這篇文章主要介紹“如何設置嵌入HTML文檔的字體”,在日常操作中,相信很多人在如何設置嵌入HTML文檔的字體問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”如何設置嵌入HTML文檔的字體”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
設置字體(兼容全數瀏覽器)
@font-face { font-family: 'iconfont'; src: url("fonts/iconfont/iconfont.eot"); src: url("fonts/iconfont/iconfont.eot?#iefix") format("embedded-opentype"), url("fonts/iconfont/iconfont.ttf") format("truetype"), url("fonts/iconfont/iconfont.woff") format("woff"), url("fonts/iconfont/iconfont.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family : name ; src : url( url ) ; sRules }
闡明:
name : 字體稱呼
url : 應用絕對或相對地址指定OpenType字體
sRules : 格局表定義
設置裝備擺設嵌入HTML文檔的字體。
@font-face { font-family: dreamy; font-weight: bold; src: url(http://www.example.com/font.eot); }
到此,關于“如何設置嵌入HTML文檔的字體”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。