【推薦本文原因】
要做好一個容易理解又兼具美觀的簡報,不可或缺的一定是簡報字體的選擇,那要怎麼選擇適合的ppt字體呢?
今日提供五個中文ppt字體下載載點,讓大家可以根據需要利用,讓簡報變得更好!
加入今日 Telegram 精華文章頻道:https://t.me/jinrih_deliver
同時也有1部Youtube影片,追蹤數超過3,370的網紅網頁設計x廣告行銷,也在其Youtube影片中提到,❤免費訂閱Free subscribe❤ https://pse.is/submytube ❤聯絡我們 Contact Us❤ https://pse.is/forums_op --------- ✪✪✪FYR 補充資料如下✪✪✪ Tumult Hype 網頁設計軟體中文教學03 | 自訂義CSS...
font-family中文 在 紀老師程式教學網 Facebook 的精選貼文
如何設定 CSS,讓您的網頁在 Windows 與 Mac 都能顯示楷書
今天在設計網頁時,遇到一個小問題:有個網頁的「抬頭」(Title),我希望用「楷書」來呈現,好讓它與其它區塊有所視覺上的區隔。雖然有人說「楷書只適合印刷用,電腦上看楷書都會糊糊的,不舒服」,但我試過好幾種手法,還是覺得那個文章標題用「楷書」來呈現,最漂亮、最得我心。加上它是標題,使用 48 點字,應該不會有看起來糊糊的缺點。所以就著手做了。
眾所周知,網頁中要讓某一段文字變成標楷體,可以使用 CSS 中的「font-family」屬性指定。如下所示:
HTML 部份:
CSS 部份:
.my-style {
font-size: 48px;
font-family: "標楷體";
text-align:center;
}
就會做出「置中、48 點字、標楷體」的字樣來。但若對方使用的瀏覽器,執行於國別設定不為「中文(繁體,台灣)」的話,它就會用英文名稱抓字型,必須設定成:
font-family: "標楷體", DFKai-sb;
若你把這樣的網頁放到 Mac 上去執行時,Mac 的標楷體名稱叫做「BiauKai」,所以還得補上「BiauKai」,才能讓 Mac 下也看得到標楷體:
font-family: "標楷體", DFKai-sb, BiauKai;
至於我個人最愛的 Linux,我還沒找到方法。由於我用 Linux 是為了寫程式,所以故意灌成英文版。若有人能依照上述方法,找到 Linux 內建標楷體的字型名稱(有嗎?XD),麻煩您提供一下,不勝感激!
本篇參考資料:
[CSS] 網頁字體: http://kuoe0.ch/1110/css-web-font/
CSS -- 中英文字型家族相關整理: http://blog.kkbruce.net/2010/11/blog-post_23.html
font-family中文 在 網頁設計x廣告行銷 Youtube 的最佳解答
❤免費訂閱Free subscribe❤
https://pse.is/submytube
❤聯絡我們 Contact Us❤
https://pse.is/forums_op
---------
✪✪✪FYR 補充資料如下✪✪✪
Tumult Hype 網頁設計軟體中文教學03 | 自訂義CSS HTML 修改字型 font family google font
章節chapter
影片00:00 前言介紹
影片01:32 Protect from external styles 簡介
影片03:31 修改自訂html code 在物件 或文字
影片04:30 如何打開 HEAD HTML 自訂新增代碼
影片06:44 google font 自訂字型修改 使用方式
相關資源下載 及查詢
https://freeday.cc/forum/index.php?p=/discussion/97/
https://fonts.google.com/
https://webdevtrick.com/
https://www.w3schools.com/css/css_intro.asp
■商業行銷&設計資訊相關討論區
https://freeday.cc/forum/index.php?p=/categories/freesource
■網站架設廣告行銷業務洽詢■
https://pse.is/forums_op
❤小額贊助頻道 Donate us a cup coffee❤
https://www.paypal.me/178yo
■聯絡我們 Contact Us
https://pse.is/forums_op
#網頁設計x廣告行銷
font-family中文 在 font-family要怎麼玩 - 卡斯伯Blog - 前端 的推薦與評價
如下方的範例,先”Segoe UI”,其次是”微軟正黑體”,最後再放泛用字。 font-family: "Segoe UI","微軟正黑體",sans-serif. 字體, 中文 ... ... <看更多>
font-family中文 在 [閒聊] CSS font-family 順序- 看板Web_Design - 批踢踢實業坊 的推薦與評價
CSS font-family 的順序,相信大家都知道基本的用法是這樣:
font-family: font1, font2, serif;
系統有 font1 就先用 font1
如果使用者的系統字體沒有 font1,就看他有沒有 font2
如果都沒有,就改用瀏覽器指定的 serif 字體
如此一來可以透過技巧指定中英文不同字體,例
font-family: Arial, '新細明體', sans-serif;
遇到英文的時候,會先看 Arial 能不能用
因為可以用所以英文會先套用 Arial 字體
遇到中文的時候,會先看 Arial 能不能用
因為 Arial 沒有中文字不能用,所以就再看下一個'新細明體'
由於'新細明體'字體裡面有中文可以用,所以中文就套用了'新細明體'
阿萬一都通通沒有,就以瀏覽器指定的 sans-serif 字體為主
如果 sans-serif 字體沒有中文字
就會去找系統內的 fallback 順序找到中文字體
如果你反過來寫就沒有這個效果,例
font-family: '新細明體', Arial, sans-serif;
中英文都可以在'新細明體'裡面找到
所以中英文全部都會用'新細明體'來顯示
萬一系統沒有'新細明體'
英文會先用 Arial, 中文會去找瀏覽器指定的 sans-serif 字體
如果 sans-serif 字體沒有中文字
就會去找系統內的 fallback 順序找到中文字體
不同的系統,想指定不同的字體,也可如法炮製
OSX 有 Helvetica 也有 Arial
Win 有 Arial
然後我們又知道 Arial 其實是 Helvetica 的山寨版
當然要優先使用 Helvetica
font-family: Helvetica, Arila, sans-serif;
這樣英文字體就會先使用 Helvetica
萬一系統沒有 Helvetica,才使用 Arial
如果你反過來寫...
font-family: Arial, Helvetica, sans-serif;
你也知道這樣兩套系統都有 Arial
就全部都會使用 Arial 了阿
(當然是指使用者沒有自己刪除Arial又去安裝Helvetica的狀況)
同樣可以類推中文的狀況:
OSX 有 LiHei Pro(儷黑Pro,Mac上很受歡迎的預設中文字體)
若裝了 office 也有 新細明體
Win 有 新細明體 (似乎只有這個可以用)
誰來告訴我微軟正黑體的「碧」bug改了沒?
那這樣
font-family: 'LiHei Pro', '新細明體', sans-serif;
OSX上就會乖乖使用LiHei Pro
(而且不會去使用醜掉的10.6預設字體HeitiTC)
Win上就會使用新細明體
那中英文綜合的時候就是這樣
font-family: Helvetica, Arial, 'LiHei Pro', '新細明體', sans-serif;
如果你想要有微軟正黑體的時候,就取代新細明體,那就...
font-family: Helvetica, Arial, 'LiHei Pro', '微軟正黑體',
'新細明體', sans-serif;
以上就是 CSS font-family 的遊戲方式
--
明天週三(7/14)的RGBA聚會照常舉行
沒來過或忘記來的朋友可以看看介紹
https://rgba.tumblr.com/post/356284580/about
我會帶這本火熱的html5新書 給大家翻翻
https://www.flickr.com/photos/1pxphoto/4777289742/in/photostream/lightbox/
--
RGBA網頁設計師聚會 — 一群網頁設計師發起的交流聚會,隨意聊天問問題的好地方
https://rgba.tumblr.com/post/356284580/about
EvenDesign意門設計 — 專門提供網站開發者跨平台、能安心整合的標準規格網頁設計
https://evendesign.tw
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.32.77.168
... <看更多>