在网页中使用个性字体
生活随笔
收集整理的這篇文章主要介紹了
在网页中使用个性字体
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
在一般的網頁設計中,網頁中的字體都是使用font-family這個CSS屬性,但是一般默認的微軟雅黑、宋體等種種默認字體都是比較規范但稍顯死板的字體。如果想在自己的網頁中使用比較個性的字體,應該怎么做呢?接下來就英語和漢語兩方面總結一下我嘗試過的方法:
一.優秀的英文字體庫——Google Fonts
用法說明:
假如你在Google Fonts中看中了如下字體,想應用到自己設計的網頁中:
1.點擊字體右上角的“加號”,將選中的字體添加到使用列表當中:
2.接下來其實按照上面的提示來操作就行了:
a.在head標簽內加入link標簽:
b.在需要使用個性字體的標簽樣式里添加屬性:
font-family: 'Lobster', cursive;就是這么簡單,接下來看一個實際操作的例子:
網頁中的效果:
二.優秀的中文字體庫——有字庫
用法說明:
假如你在有字庫中看中了如下字體,想應用到自己設計的網頁中:
1.點擊該字體進入詳細介紹,再點擊立即使用:
2.可以很清晰地看到有兩種使用方式并且它們的不同之處,所以這里就不再重復。囈CSS模式下使用為例:
點擊生成之后:
將里面對應的內容加到代碼中就好。
舉個例子:
在網頁中的效果:
okay,以上就是今天的總結。
最后,小小的畫外音:為什么不靠IT找工作研究一下相關內容也會顯得很奇怪??今天恰好get到了這兩個新知識就想著記下來,反正記下來以后總有用得到的一天。
總結
以上是生活随笔為你收集整理的在网页中使用个性字体的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 《SGX ECALL》汇总
- 下一篇: 基于用户的协同过滤(user-based