如何設定 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
同時也有48部Youtube影片,追蹤數超過6,700的網紅オリオンTube / 配信チャンネル,也在其Youtube影片中提到,筋力こそ正義!と信じてやまない貴方へ!脳筋万歳!👍 ✨タイムインデックス✨ 0:00:00 ~チュートリアル 0:04:20 ~攻略前の準備(最初に拾ってくと便利なモノ) 0:14:58 ~メイン武器を取りに行こう! 0:23:18 ~地下墓地攻略~巨人墓場のソウル収集 0:29:59 ~城下不死街...
html style置中 在 オリオンTube / 配信チャンネル Youtube 的最佳貼文
筋力こそ正義!と信じてやまない貴方へ!脳筋万歳!👍
✨タイムインデックス✨
0:00:00 ~チュートリアル
0:04:20 ~攻略前の準備(最初に拾ってくと便利なモノ)
0:14:58 ~メイン武器を取りに行こう!
0:23:18 ~地下墓地攻略~巨人墓場のソウル収集
0:29:59 ~城下不死街・不死教区攻略(鍛冶屋まで)
0:38:16 ~ガーゴイル討伐~ロートレク殺害
0:43:54 ~下層・最下層 攻略
0:55:30 ~病み村正規ルート攻略~爛れ続ける者討伐
1:07:14 ~センの古城 攻略
1:15:29 ~アノールロンド 攻略
1:25:09 ~最後の挨拶、(グレクラの長所と短所)
-------------------------------------------------------------------------------------------------------------------------------
💛フレンドさん用チャレンジルール💛
■使用武器■
グレートクラブのみ。(グレクラが取得できる段階までは、各素性初期武器未強化のみ)
■討伐ボス&NPC■
牛頭、羊頭、貪食、クラーグ、アイアンゴーレム、オンスモ、三人羽織、
最下層侵入カーク、病み村侵入ミルドレッド、ロートレク
(上記以外のNPC、商人、鍛冶屋の殺害禁止)
※病み村は正規ルートで。
※アノールロンド第1篝火到着時に SL47以上、グレクラ+10、エスト+2以上 になっていること。
※オンスモ撃破後、祭祀場に転送して終了。
■取得必須アイテム■
民家の鍵、底なしの木箱、白サインろう石、武器の鍛冶箱、修理箱、
■禁止事項■
バグショトカ、バグ技、プロロによる落下死回避、アイテム移動、
プロロによるモブ配置リセット、霧外からの投擲攻撃、商人・鍛冶屋の殺害
上記条件で1時間以内=上級者 1時間半以内=中級者 2時間以内=普通の経験者
---------------------------------------------------------------------------------------------------------------------------------
こんな感じです。何キャラも作ってる方や、攻略勢には簡単な作業ですね。
チャレンジは1回のみ。必ず配信で。練習やシュミレーションは無しで一発勝負!
《ゲーム配信》 《DJ配信》 を 中心にお送りしてます、オリオンTube です。
他、70~80年代の懐かしい貴重映像 も UPしています。下記概要欄 を参照してくださいね。
《主なゲーム》
デモンズソウル、ダークソウル、アンチャーテッド、グランツーリスモ・・等
(声無しの時は、22歳の娘 が 操作している場合もあります)
《自己紹介》
1968年製、身長181cm 老兵配信者(配信歴20年)(PC歴25年)
配信時は、ゲーム・DJ共、リスナー様との楽しい会話に重点を置いておりますので
スーパープレイ等は見られません。雑談を交えながらの楽しい配信を心がけております。
ゲームが上手い・下手←で人を判断しません!
性格=『怖いもの知らず』 『来るのも拒まず去る者追わず』 『派閥が嫌い』
趣味=DJ歴31年, ダンス(old-style), ゲーム, 格闘技, 車, バイク, 70~80'Music全般, 昭和マニア,
VAPE, 映画鑑賞, etc... 多趣味の為、配信は不定期ですが 宜しくお願い致しますm(__)m
※配信視聴される際の注意点※
他の配信者様、動画主様への誹謗中傷、リスナー様への過度な煽り、
その他「道徳心」や「礼節」を わきまえ無い発言をされる方は、ブロックさせていただく場合があります。
なお、トラブル防止の為、【解析ツール(HTML型)(リアルタイム型)】 を 導入しております。
サブアカウント等での不快なコメントや嫌がらせ行為 等と取れる場合は、
私の判断により、情報開示させていただく場合もありますので、ご了承くださいませ。
■プロフィール■
https://orion1823b.wixsite.com/dj-direct
■デモンズソウル動画 再生リスト(まとめ)■
https://www.youtube.com/playlist?list=PLBy3XCWFH9YxtDi-o579zKO_UlowdsFZR
■ダークソウルリマスター初心者向け簡単攻略チャート■
https://www.youtube.com/playlist?list=PLBy3XCWFH9YwZyHaz58Ed6LRLjgkE1kz9
■ダークソウルリマスター(無印)動画まとめ ダークソウル愛好会■
https://www.youtube.com/playlist?list=PLBy3XCWFH9YyZl4Ns5mFYXM13O1z4BsMz
■アンチャーテッド 再生リスト■
https://www.youtube.com/playlist?list=PLBy3XCWFH9Yxllh6ITifCNSP3JaPdTyoQ
■GT6(グランツーリスモ)動画 再生リスト■
https://www.youtube.com/playlist?list=PLBy3XCWFH9YzJvOQLSGeLdSRUDZiTfzmP
■日本車愛好会ブログ■
http://ameblo.jp/dj-direct/
■ダークソウル3実況再生リスト■
https://www.youtube.com/playlist?list=PLBy3XCWFH9Yxzpm3IPimzHUpsPm5WbN56
■DJプレイ動画■
https://vimeo.com/user45431638
■DJプレイ配信サイト■
http://twitcasting.tv/direct80s/
■Twitter■
http://twitter.jp/direct80s
■ライブハッシュタグ■
#ダークソウル #DARKSOULS #ダークソウルリマスター
html style置中 在 オリオンTube / 配信チャンネル Youtube 的最佳解答
こんな適当にしか配信しない私にも、アンチはいるらしいです🤗
(皆様から教えてもらいましたが、はじめて聞くお名前の配信者さんでした😅)
(沢山のコメントを頂いておりますが、このアーカイブに関してはコメント公開はしておりません。詳細はコミュニティーを見てくださいね)
《ゲーム配信》 《DJ配信》 を 中心にお送りしてます、オリオンTube です。
他、70~80年代の懐かしい貴重映像 も UPしています。下記概要欄 を参照してくださいね。
《主なゲーム》
デモンズソウル、ダークソウル、アンチャーテッド、グランツーリスモ・・等
(声無しの時は、22歳の娘 が 操作している場合もあります)
《自己紹介》
1968年製、身長181cm 老兵配信者(配信歴20年)(PC歴25年)
配信時は、ゲーム・DJ共、リスナー様との楽しい会話に重点を置いておりますので
スーパープレイ等は見られません。雑談を交えながらの楽しい配信を心がけております。
ゲームが上手い・下手←で人を判断しません!
性格=『怖いもの知らず』 『来るのも拒まず去る者追わず』 『派閥が嫌い』
趣味=DJ歴31年, ダンス(old-style), ゲーム, 格闘技, 車, バイク, 70~80'Music全般, 昭和マニア,
VAPE, 映画鑑賞, etc... 多趣味の為、配信は不定期ですが 宜しくお願い致しますm(__)m
※配信視聴される際の注意点※
他の配信者様、動画主様への誹謗中傷、リスナー様への過度な煽り、
その他「道徳心」や「礼節」を わきまえ無い発言をされる方は、ブロックさせていただく場合があります。
なお、トラブル防止の為、【解析ツール(HTML型)(リアルタイム型)】 を 導入しております。
サブアカウント等での不快なコメントや嫌がらせ行為 等と取れる場合は、
私の判断により、情報開示させていただく場合もありますので、ご了承くださいませ。
■プロフィール■
https://orion1823b.wixsite.com/dj-direct
■デモンズソウル動画 再生リスト(まとめ)■
https://www.youtube.com/playlist?list=PLBy3XCWFH9YxtDi-o579zKO_UlowdsFZR
■ダークソウルリマスター初心者向け簡単攻略チャート■
https://www.youtube.com/playlist?list=PLBy3XCWFH9YwZyHaz58Ed6LRLjgkE1kz9
■ダークソウルリマスター(無印)動画まとめ ダークソウル愛好会■
https://www.youtube.com/playlist?list=PLBy3XCWFH9YyZl4Ns5mFYXM13O1z4BsMz
■PS4コミュニティー■
ダークソウルリマスター(ダークソウル愛好会)←で検索
■アンチャーテッド 再生リスト■
https://www.youtube.com/playlist?list=PLBy3XCWFH9Yxllh6ITifCNSP3JaPdTyoQ
■GT6(グランツーリスモ)動画 再生リスト■
https://www.youtube.com/playlist?list=PLBy3XCWFH9YzJvOQLSGeLdSRUDZiTfzmP
■日本車愛好会ブログ■
http://ameblo.jp/dj-direct/
■ダークソウル3実況再生リスト■
https://www.youtube.com/playlist?list=PLBy3XCWFH9Yxzpm3IPimzHUpsPm5WbN56
■DJプレイ動画■
https://vimeo.com/user45431638
■DJプレイ配信サイト■
http://twitcasting.tv/direct80s/
■Twitter■
http://twitter.jp/direct80s
■ライブハッシュタグ■
#ダークソウル #DARKSOULS #ダークソウルリマスター
html style置中 在 オリオンTube / 配信チャンネル Youtube 的精選貼文
0:21:40~ 【ダークソウルリマスター】 画質確認しながら 侵入など適当
1:16:30~ 【ダークソウルリマスター】 リスナー様の要望に応え 最初から攻略もグダグダに💦
5:12:10~ 【ダークソウル3】 SL1 武器未強化 11週目(カンスト世界)体験ツアー。鬼畜🤧
《ゲーム配信》 《DJ配信》 を 中心にお送りしてます、オリオンです。
他、70~80年代の懐かしい貴重映像 も UPしています。下記概要欄 を参照してくださいね。
《主なゲーム》
デモンズソウル、ダークソウル、アンチャーテッド、グランツーリスモ・・等
(声無しの時は、22歳の娘 が 操作している場合もあります)
《自己紹介》
1968年製、身長181cm 老兵配信者(配信歴20年)(PC歴25年)
配信時は、ゲーム・DJ共、リスナー様との楽しい会話に重点を置いておりますので
スーパープレイ等は見られません。雑談を交えながらの楽しい配信を心がけております。
性格=『怖いもの知らず』 『来るのも拒まず去る者追わず』 『派閥が嫌い』
趣味=DJ歴30年, ダンス(old-style), ゲーム, 格闘技, 車, バイク, 70~80'Music全般, 昭和マニア,
VAPE, 映画鑑賞, etc... 多趣味の為、配信は不定期ですが 宜しくお願い致しますm(__)m
※配信視聴される際の注意点※
他の配信者様、動画主様への誹謗中傷、リスナー様への過度な煽り、
その他「道徳心」や「礼節」を わきまえ無い発言をされる方は、ブロックさせていただく場合があります。
なお、トラブル防止の為、【解析ツール(HTML型)(リアルタイム型)】 を 導入しております。
サブアカウント等での不快なコメントや嫌がらせ行為 等と取れる場合は、
私の判断により、情報開示させていただく場合もありますので、ご了承くださいませ。
■プロフィール■
https://orion1823b.wixsite.com/dj-direct
■デモンズソウル動画 再生リスト(まとめ)■
https://www.youtube.com/playlist?list=PLBy3XCWFH9YxtDi-o579zKO_UlowdsFZR
■ダークソウルリマスター初心者向け簡単攻略チャート■
https://www.youtube.com/playlist?list=PLBy3XCWFH9YwZyHaz58Ed6LRLjgkE1kz9
■ダークソウルリマスター(無印)動画まとめ ダークソウル愛好会■
https://www.youtube.com/playlist?list=PLBy3XCWFH9YyZl4Ns5mFYXM13O1z4BsMz
■PS4コミュニティー■
ダークソウルリマスター(ダークソウル愛好会)←で検索
■アンチャーテッド 再生リスト■
https://www.youtube.com/playlist?list=PLBy3XCWFH9Yxllh6ITifCNSP3JaPdTyoQ
■GT6(グランツーリスモ)動画 再生リスト■
https://www.youtube.com/playlist?list=PLBy3XCWFH9YzJvOQLSGeLdSRUDZiTfzmP
■日本車愛好会ブログ■
http://ameblo.jp/dj-direct/
■ダークソウル3実況再生リスト■
https://www.youtube.com/playlist?list=PLBy3XCWFH9Yxzpm3IPimzHUpsPm5WbN56
■DJプレイ動画■
https://vimeo.com/user45431638
■DJプレイ配信サイト■
http://twitcasting.tv/direct80s/
■Twitter■
http://twitter.jp/direct80s
■ライブハッシュタグ■
#ダークソウル #DARKSOULS #ダークソウルリマスター
html style置中 在 HTML&CSS|版型與文字置中用法 - iT 邦幫忙 的相關結果
STEP1:HTML 的body內寫一個wrap包住所有標籤 · STEP2:CSS中.wrap寫下margin左右皆auto .header與.content的寬度受父元素.wrap限制住了,所以可以省略不寫. ... <看更多>
html style置中 在 HTML <center> 置中- HTML 語法教學Tutorial - Fooish 程式技術 的相關結果
<center> 標籤(tag) 用來將<center> 裡面的內容水平置中。 ... HTML <head> · HTML <title> 網頁標題 · HTML <meta> 元資訊 · HTML <style> CSS ... ... <看更多>
html style置中 在 HTML 水平置中與垂直置中 - Wibibi 的相關結果
在做網頁設計的時候常常會用到置中的技巧,無論是文字或圖片,總是會有這樣的需求來配合排版(如果你想採用CSS 的DIV 來做排版,可以參考此篇:CSS DIV 置中), ... ... <看更多>