😅 營養共筆網站更換設計～
前幾天網站主機到期，
在掏錢續約後，
就突然心血來潮換了新的佈景主題。
由於套用主題預設的顏色，
跟共筆不搭，就花了點時間改顏色。
為了有好看的中文字，
於是又花點時間調整段落、
內文、標題的字型與大小。
有些設定得自己寫新的 css 覆蓋，
於是又花點時間找 css tag 複寫。
改到今天，
應該算是可以了～
就來宣傳一下啦。（沒有新文章...）
回首過來，
從 2007 年開始，
我已經約莫寫了 13 年 的營養共筆。
即便近年的產能已經沒有往日的榮景，
但這個站，卻是陪著走過二十、三十，
以及正在進行的四十世代...
可以說是我青春歲月的縮影呀！（誰去把時鐘往回撥...）
現在，讓我感到驚的是，
近些年，我獲得新工作機會；
大多是來自於經營共筆期間，
為了解決問題，
不斷的學習、克服，而擁有的能力，推了我一把！
雖說現在的人生好像也沒有美好到哪裡去，
依然是個吃土的北漂中年來著，
但也經歷過不少值得說嘴的過往。
想說的是，
不要因為你是什麼畢業，
就局限了自己，常不自覺的說出：
「我是理組的....」、
「我是念營養的...」、
「老師沒有教....」
8020 法則是真的，
至少對我來說，
接觸一個新知識，
稍微花一點時間了解一下，
沒興趣跳過、覺得有趣就再多專研一下
持續堅持下來，總會有所得。
最後，
要很高興的告訴大家！
「明天是星期五！」
高興之餘，來看看共筆的新樣貌吧～
https://nutrinote.co/
css字型中文 在 Re: [問題] 指定CSS時字體的英文名稱- 看板Web_Design 的美食出口停車場
※ 引述《willy69wu31 (小小吳)》之銘言：
: 由於希望網頁在顯示時，可以英文一套字體，中文則又是另一套字體
: 問google無意間得到這篇 https://blog.roodo.com/wolf_totem/archives/4747565.html
: 如果文章正確的話，就表示其他語言版的系統，若要正確以指定的字體顯示文字
: 就應該在CSS用英文名稱指定字型?
: 不過，字體這麼多種，如果都靠查表來看英文名稱，萬一遇到表上沒有的字體
: 想請問要怎麼判斷一個中文字體的英文名稱?
我推測你應該知道如何用CSS指定字形, font-family
而 font-family 設定網頁字形的設計，原本就提供多組字形指定，在不同OS或語系
的情況下，網頁找不到第1組就自動換找第2組，如果你指定的統統找不到，都沒有
它會自動使用OS(browser)預設的字形...
你主要想知道的是中英文混合的情況，在設定時要小心，「先英後中」是秘訣。
純英文環境 我們大概會這樣設
font-family: Arial, Helvetica, verdana, san-serif;
// 至少2組以上，最後決定如果統統找不到，就用 無襯線字體
中英文混合，我們就這樣設
font-family: Arial, Helvetica, verdana, "微軟正黑體", "新細明體", san-serif;
// 先設好3組備選英文字形後再加2組中文備選，最後指定無襯線字體
你可能會有二個疑問
1. 為什麼要 先英後中？
這是因為繁體中文字形，有一些它本身也含了英文字符或符號的長相，
有趣的是，在一篇中英文混合的內文裡，browser會「先決定英文用什麼，再決定中文」
重點來了，因此如果你設的是
font-family: "新細明體", Helvetica, Arial, san-serif;
因為新細明體也有它自己的英文長相，browser在第一步決定英文用甚麼字形時
第1個就找到了...之後的H跟A字形它就不管了，所以中英文都是新細明體
反過來如果你設定的順序像這樣
font-family: Helvetica, Arial, "新細明體", san-serif;
那篇文章就會用 Helvetica 或 Arial 的英文字體 配上"新細明體" 的中文字
2. 我怎麼查中文字型的英文名稱?
你可以照推文大大給的方法查，但我給你的答案是「不需要」
原因很簡單，因為中文字也是有分 襯線 跟 無襯線 字體
即使你在純英文OS瀏覽台灣雅虎網站好了...
它在找完英文字形後，還是會決定中文要用什麼字形，都找不到就自動用
san-serif 或 serif 來顯示中文字了
我長期都在設計英文網頁，英文字形可用的變化很多，但中文就那幾個，
Win Vista 以上多了微軟正黑體可以用，可以擺脫看膩的新細明體。
基本上網頁上的文章可讀性要高還是推薦用
無襯線字型(san-serif)，serif文字一般都用來顯示標題或是實體紙張列印時使用
另外，字體集除了 襯線 跟 無襯線 外，還有一些比較不常用的如
cursive、fantasy、monospace 等
monospace 是等寬字體，經常用來設定顯示程式碼會比較容易閱讀
Windows內建的 monospace類字型 有 "Courier" & "Courier new" 等~
落落長一篇希望有解答到你的疑問 :D
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 111.250.218.207
... <看更多>