風生水起_2021年知命掌運大未來(下集)
主講人：濟公禪師 蔡州隆博士
輔仁大學宗教學碩士
輔仁大學心理學博士
中華民國巫覡宗教正念推展協會理事長
美國道禪學會創會理事
北天宮負責人
FM104.1 正聲廣播公司 17.30～18：00
2月9日【週二】 2月13日【週六】
另有 Youtube 同步播出
font-family 在 華冠投顧 粉絲團 Facebook 的最佳解答
同時也有5部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」的推薦目錄：
- 關於font-family 在 華冠投顧 粉絲團 Facebook 的最佳解答
- 關於font-family 在 華冠投顧 粉絲團 Facebook 的最佳解答
- 關於font-family 在 Focus Taiwan Facebook 的最佳貼文
- 關於font-family 在 網頁設計x廣告行銷 Youtube 的最讚貼文
- 關於font-family 在 小豆 Youtube 的最佳解答
- 關於font-family 在 修分靈 Youtube 的最讚貼文
- 關於font-family 在 [閒聊] CSS font-family 順序- 看板Web_Design - 批踢踢實業坊 的評價
- 關於font-family 在 font-family要怎麼玩 - 卡斯伯Blog - 前端 的評價
- 關於font-family 在 我是一個喜歡寫CSS 的人- 【技巧分享】- font-family 字型順序... 的評價
- 關於font-family 在 CSS font-family property IDE (PHPStorm) warning - Stack ... 的評價
- 關於font-family 在 CSS Tutorial For Beginners 28 - Font Family - YouTube 的評價
font-family 在 華冠投顧 粉絲團 Facebook 的最佳解答
風生水起_2021年知命掌運大未來(上集)
主講人：濟公禪師 蔡州隆博士
輔仁大學宗教學碩士
輔仁大學心理學博士
中華民國巫覡宗教正念推展協會理事長
美國道禪學會創會理事
北天宮負責人
FM104.1 正聲廣播公司 17.30～18：00
播出時間：2月08日【週一】
重播時間：2月12日【週五】
另有 Youtube 同步播出
font-family 在 Focus Taiwan Facebook 的最佳貼文
This is a treat from CNA’s Japanese site 台湾情報 中央社:フォーカス台湾 #GhostMonth
北部・基隆で166年続く中元祭 一族が団結、受け継がれる先人の思い
https://japan.cna.com.tw/topic/column/202009100001.aspx
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 在 小豆 Youtube 的最佳解答
CSS碼 ↓
/* Background colors*/
body {
background-color: rgba(0,0,0,0);
}
/* Transparent background. */
yt-live-chat-renderer {
background-color: transparent !important;
}
/* Outlines */
yt-live-chat-renderer * {
text-shadow: -2px -2px #000000,-2px -1px #000000,-2px 0px #000000,-2px 1px #000000,-2px 2px #000000,-1px -2px #000000,-1px -1px #000000,-1px 0px #000000,-1px 1px #000000,-1px 2px #000000,0px -2px #000000,0px -1px #000000,0px 0px #000000,0px 1px #000000,0px 2px #000000,1px -2px #000000,1px -1px #000000,1px 0px #000000,1px 1px #000000,1px 2px #000000,2px -2px #000000,2px -1px #000000,2px 0px #000000,2px 1px #000000,2px 2px #000000;
font-family: "Microsoft JhengHei";
font-size: 24px !important;
line-height: 24px !important;
}
yt-live-chat-text-message-renderer #content ,
yt-live-chat-legacy-paid-message-renderer #content {
overflow: initial; !important
}
/* Hide scrollbar. */
yt-live-chat-item-list-renderer #items {
overflow: hidden !important;
}
yt-live-chat-item-list-renderer #item -scroller{
overflow: hidden !important;
}
/* Hide header and input. */
yt-live-chat-header-renderer,
yt-live-chat-message-input-renderer {
display: none !important;
}
/* Reduce side padding. */
yt-live-chat-text-message-renderer,
yt-live-chat-legacy-paid-message-renderer {
padding-left: 4px !important;
padding-right: 4px !important;
}
yt-live-chat-paid-message-renderer #header {
padding-left: 4px !important;
padding-right: 4px !important;
}
/* Avatars. */
yt-live-chat-text-message-renderer #author -photo,
yt-live-chat-paid-message-renderer #author -photo,
yt-live-chat-legacy-paid-message-renderer #author -photo {
width: 30px !important;
height: 30px !important;
border-radius: 30px !important;
margin-right: 7.5px !important;
}
/* Hide badges. */
yt-live-chat-text-message-renderer #author -badges {
display: none !important;
vertical-align: text-top !important;
}
/* Timestamps. */
yt-live-chat-text-message-renderer #timestamp {
color: #999999 !important;
font-family: "Microsoft JhengHei";
font-size: 12px !important;
line-height: 12px !important;
}
/* Badges. */
yt-live-chat-text-message-renderer #author -name[type="owner"],
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="owner"] {
color: #ffd600 !important;
}
yt-live-chat-text-message-renderer #author -name[type="moderator"],
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="moderator"] {
color: #5e84f1 !important;
}
yt-live-chat-text-message-renderer #author -name[type="member"],
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="member"] {
color: #0f9d58 !important;
}
/* Channel names. */
yt-live-chat-text-message-renderer #author -name {
color: #FF9966 !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}
yt-live-chat-text-message-renderer #author -name::after {
content: ":";
margin-left: 2px;
}
/* Messages. */
yt-live-chat-text-message-renderer #message ,
yt-live-chat-text-message-renderer #message * {
color: #ffffff !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}
/* SuperChat/Fan Funding Messages. */
yt-live-chat-paid-message-renderer #author -name,
yt-live-chat-paid-message-renderer #author -name *,
yt-live-chat-legacy-paid-message-renderer #event -text,
yt-live-chat-legacy-paid-message-renderer #event -text * {
color: #ffd600 !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}
yt-live-chat-paid-message-renderer #purchase -amount,
yt-live-chat-paid-message-renderer #purchase -amount *,
yt-live-chat-legacy-paid-message-renderer #detail -text,
yt-live-chat-legacy-paid-message-renderer #detail -text * {
color: #ffd600 !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}
yt-live-chat-paid-message-renderer #content ,
yt-live-chat-paid-message-renderer #content * {
color: #ffffff !important;
font-family: "Microsoft JhengHei";
font-size: 30px !important;
line-height: 30px !important;
}
yt-live-chat-paid-message-renderer {
margin: 4px 0 !important;
}
yt-live-chat-legacy-paid-message-renderer {
background-color: #0f9d58 !important;
margin: 4px 0 !important;
}
yt-live-chat-text-message-renderer a,
yt-live-chat-legacy-paid-message-renderer a {
text-decoration: none !important;
}
yt-live-chat-text-message-renderer[is-deleted],
yt-live-chat-legacy-paid-message-renderer[is-deleted] {
display: none !important;
}
yt-live-chat-ticker-renderer {
background-color: transparent !important;
box-shadow: none !important;
}
yt-live-chat-ticker-paid-message-item-renderer,
yt-live-chat-ticker-paid-message-item-renderer *,
yt-live-chat-ticker-sponsor-item-renderer,
yt-live-chat-ticker-sponsor-item-renderer * {
color: #ffd600 !important;
font-family: "Microsoft JhengHei";
}
font-family 在 修分靈 Youtube 的最讚貼文
語法網站：https://chatv2.septapus.com/
兩段語法(請複製貼上更改)
/* Channel names. */
yt-live-chat-text-message-renderer #author-name {
color: #FF9966 !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}
/* Messages. */
yt-live-chat-text-message-renderer #message,
yt-live-chat-text-message-renderer #message *,
yt-live-chat-legacy-paid-message-renderer #detail-text,
yt-live-chat-legacy-paid-message-renderer #detail-text * {
color: #ffffff !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}
font-family 在 font-family要怎麼玩 - 卡斯伯Blog - 前端 的推薦與評價
font -family要怎麼玩. 在平面設計中，字型的運用是一門高深的學問，而網頁設計中雖然大多使用內建的字體，但如果沒有的仔細的去調整，就像是word直接 ... ... <看更多>
font-family 在 我是一個喜歡寫CSS 的人- 【技巧分享】- font-family 字型順序... 的推薦與評價
【技巧分享】- font-family 字型順序最近著手研究一下字型，找到這篇Even大大寫的font-family順序，簡單整理與大家分享。 1. font-family: Arial, '新細明體', ... ... <看更多>
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
... <看更多>