可以嘗試用Google Font API來擺脫網頁字體的單調

僅僅拋磚引玉
服務器君一共花費了112.113 ms進行了4次數據庫查詢,努力地為您提供了這個頁面。
試試閱讀模式?希望聽取您的建議

在網頁設計里,字體的顯示是個問題。最普遍用的是宋體,但是宋體在 Win 7 下的表現真的很難看。雅黑端莊一些,但是隨著字體大小,感覺漢字的大小也會有區別。小站現在用的字體是是宋體 + Arial/Georgia,因為習慣了也沒多在意,其實對于英文字體有其它更好的選擇。

比如 Bitter 字體,用來做標題倒是不錯:

<div style="text-align:center; font-size:24px; font-family:Bitter;">Welcome To NowaMagic.net</div>
Welcome To NowaMagic.net

CSS 怎么調用 Bitter 字體?

@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  src: local('Bitter-Regular'), url(http://themes.googleusercontent.com/static/fonts/bitter/v4/s9gJB935qk_YG8d-lnTdvA.woff) format('woff');
}
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  src: local('Bitter-Bold'), url(http://themes.googleusercontent.com/static/fonts/bitter/v4/JGVZEP92dXgoQBG1CnQcfD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

其實,這是 Google 推出的Google Font Directory和Google Font API兩項服務,Google聯合了眾多的字體設計者為用戶提供了多種漂亮的字體。具體可以參看以前寫的一篇文章:《用Google Font API來豐富網頁字體》

這里僅僅拋磚引玉,國內實在太少網站用 Google Font API 了。

本文地址:http://www.snpmgr.live/librarys/veda/detail/2513,歡迎訪問原出處。

不打個分嗎?

轉載隨意,但請帶上本文地址:

http://www.snpmgr.live/librarys/veda/detail/2513

如果你認為這篇文章值得更多人閱讀,歡迎使用下面的分享功能。
小提示:您可以按快捷鍵 Ctrl + D,或點此 加入收藏

大家都在看

  1. [ 97 分 ] [ 17  ] 我回來了
  2. [ 95 分 ] [ 7  ] 中華智慧感悟:人之道

閱讀一百本計算機著作吧,少年

很多人覺得自己技術進步很慢,學習效率低,我覺得一個重要原因是看的書少了。多少是多呢?起碼得看3、4、5、6米吧。給個具體的數量,那就100本書吧。很多人知識結構不好而且不系統,因為在特定領域有一個足夠量的知識量+足夠良好的知識結構,系統化以后就足以應對大量未曾遇到過的問題。

奉勸自學者:構建特定領域的知識結構體系的路徑中再也沒有比學習該專業的專業課程更好的了。如果我的知識結構體系足以囊括面試官的大部分甚至吞并他的知識結構體系的話,讀到他言語中的一個詞我們就已經知道他要表達什么,我們可以讓他坐“上位”畢竟他是面試官,但是在知識結構體系以及心理上我們就居高臨下。

所以,閱讀一百本計算機著作吧,少年!

《計算機程序的構造和解釋(原書第2版)》 艾伯森 (譯者), 裘宗燕 (譯者), 等 (譯者)

《計算機程序的構造和解釋》(原書第2版)1984年出版,成型于美國麻省理工學院(MIT)多年使用的一本教材,1996年修訂為第2版。在過去的二十多年里,《計算機程序的構造和解釋》(原書第2版)對于計算機科學的教育計劃產生了深刻的影響。第2版中大部分重要程序設計系統都重新修改并做過測試,包括各種解釋器和編譯器。作者根據其后十余年的教學實踐,還對其他許多細節做了相應的修改。《計算機程序的構造和解釋》(原書第2版)自出版以來,世界各地已有100多所院校采用《計算機程序的構造和解釋》(原書第2版)做教材,其中包括美國斯坦福大學、美國普林斯頓大學、英國牛津大學、日本東京大學等。

更多計算機寶庫...

燃烧吧足球登陆