Webフォントとシステムフォントの使い分け
- 発行日 2025-05-10
- 発行部数 41003 部
こんにちは。中田です。
いつもありがとうございます。
-----------------------------------------
大規模な全国の口コミレビューサイトを自分で作成できる。
https://tcd-theme.com/tcd099
-----------------------------------------
■Webフォントとシステムフォントの使い分け
新しくなったTCDのフォント機能では、
システムフォント16種、Webフォントが5種追加されました。
https://tcd-theme.com/2025/04/tcd-font.html
現時点での新フォントの対応テーマはこちらです。
・AIDER
・QUALIA
・ZEN
・ARTISAN
・GRAVITY
・CANON
・HOLOS
・HOMME
・RIKYU
・GENESIS
・GAIA
・REHUB
・SERUM
順次対応を進めております。
お使いのテーマが未実装の方は、
楽しみにしていてください。
今日は、TCDでサイトを作る際、
システムフォントとWebフォントを
どう使い分ければいいかという話をします。
結論から言うと、
基本はシステムフォントで構いません。
搭載しているシステムフォントは、
各OSごとにこれだけあります。
・Windows
https://learn.microsoft.com/en-us/typography/fonts/windows_11_font_list
・macOS
https://support.apple.com/ja-jp/120414
・iOS
https://developer.apple.com/fonts/system-fonts/
これらの中から
もっとも美しいフォントを選定しています。
一方、Webフォントのメリットは、
どのOSでも同じフォントが表示されるので、
見た目の差異がないことです。
デメリットは、
読み込み時間が長くなることです。
ユーザーがページを訪問したときに
フォントをサーバーからダウンロードするるためです。
ページの表示速度を優先する場合は、
システムフォントで良いので、
基本的にはシステムフォントが良いと考えています。
システムフォントも綺麗ですので。
特に英文は様々なシステムフォントが用意されているので、
旧フォント機能のままでは勿体ないので、
ぜひ新しいフォントで遊んでみてください。
それではまた。
■国内トップクラスの
「費用対効果」「機能性」「デザイン」を兼ね備えた日本語用ブログテンプレート
美しいギャラリーサイトが作成できる。
https://tcd-theme.com/tcd112
クリニック・病院のためのWordPressテーマ
https://tcd-theme.com/tcd110
ヨガ・ピラティススタジオのためのWordPressテーマ
https://tcd-theme.com/tcd114
洗練されたホテル・レストランのWordPressテーマ
https://tcd-theme.com/tcd109
高度な不動産ポータルサイトを作成
https://tcd-theme.com/tcd111
■おすすめ記事(定期更新)
・WordPress6.8の新機能と変更点
https://tcd-theme.com/2025/04/wordpress-6-8.html
・TCDテーマをPWA化する方法
https://tcd-theme.com/2025/05/tcd-pwa.html
・【2025年版】不動産集客のネット戦略を紹介
https://tcd-theme.com/2025/03/real-estate-online.html
・WordPressテーマの変更手順まとめ
https://tcd-theme.com/2023/12/how-to-change-wordpress-theme.html
・WordPressサイトの作り方
https://tcd-theme.com/2024/08/do-it-yourself-homepage.html
【メルマガプライバシーポリシー】
登録された個人情報(メールアドレス)を正しく保管し、
漏えいすることのないよう、保護に努めることを宣言します。
アドレスには、当メルマガの配信以外には使用致しません。
【140,000部のメルマガに広告を掲載できます】
https://design-plus.info/advertise/
【株式会社デザインプラスとは?】
https://design-plus.info/
【運営サイト】
・WordPressテーマTCD https://tcd-theme.com/
・TCD GALLERY https://tcd.gallery/
・TCD MUSEUM https://tcdmuseum.com/
・TCD LABO https://tcd-manual.net/
【TCDのアップデート情報】
https://tcd-theme.com/update
【お問い合わせ・ご質問はこちら】
TCDに関するお問い合せ https://tcd-theme.com/contact
求人採用について https://design-plus.biz/
【メールマガジン バックナンバー】
https://mip.y-ml.com/_bcn?id=1001
最後までお読み頂きありがとうございました。
---------------------------------------------------------
発行者: 株式会社デザインプラス
担当者: 中田俊行
所在地: 〒542-0066 大阪市中央区瓦屋町1-5-20
連絡先: https://design-plus.info/contact/
Copyright DesignPlus INC All Rights Reserved.
---------------------------------------------------------
いつもありがとうございます。
-----------------------------------------
大規模な全国の口コミレビューサイトを自分で作成できる。
https://tcd-theme.com/tcd099
-----------------------------------------
■Webフォントとシステムフォントの使い分け
新しくなったTCDのフォント機能では、
システムフォント16種、Webフォントが5種追加されました。
https://tcd-theme.com/2025/04/tcd-font.html
現時点での新フォントの対応テーマはこちらです。
・AIDER
・QUALIA
・ZEN
・ARTISAN
・GRAVITY
・CANON
・HOLOS
・HOMME
・RIKYU
・GENESIS
・GAIA
・REHUB
・SERUM
順次対応を進めております。
お使いのテーマが未実装の方は、
楽しみにしていてください。
今日は、TCDでサイトを作る際、
システムフォントとWebフォントを
どう使い分ければいいかという話をします。
結論から言うと、
基本はシステムフォントで構いません。
搭載しているシステムフォントは、
各OSごとにこれだけあります。
・Windows
https://learn.microsoft.com/en-us/typography/fonts/windows_11_font_list
・macOS
https://support.apple.com/ja-jp/120414
・iOS
https://developer.apple.com/fonts/system-fonts/
これらの中から
もっとも美しいフォントを選定しています。
一方、Webフォントのメリットは、
どのOSでも同じフォントが表示されるので、
見た目の差異がないことです。
デメリットは、
読み込み時間が長くなることです。
ユーザーがページを訪問したときに
フォントをサーバーからダウンロードするるためです。
ページの表示速度を優先する場合は、
システムフォントで良いので、
基本的にはシステムフォントが良いと考えています。
システムフォントも綺麗ですので。
特に英文は様々なシステムフォントが用意されているので、
旧フォント機能のままでは勿体ないので、
ぜひ新しいフォントで遊んでみてください。
それではまた。
■国内トップクラスの
「費用対効果」「機能性」「デザイン」を兼ね備えた日本語用ブログテンプレート
美しいギャラリーサイトが作成できる。
https://tcd-theme.com/tcd112
クリニック・病院のためのWordPressテーマ
https://tcd-theme.com/tcd110
ヨガ・ピラティススタジオのためのWordPressテーマ
https://tcd-theme.com/tcd114
洗練されたホテル・レストランのWordPressテーマ
https://tcd-theme.com/tcd109
高度な不動産ポータルサイトを作成
https://tcd-theme.com/tcd111
■おすすめ記事(定期更新)
・WordPress6.8の新機能と変更点
https://tcd-theme.com/2025/04/wordpress-6-8.html
・TCDテーマをPWA化する方法
https://tcd-theme.com/2025/05/tcd-pwa.html
・【2025年版】不動産集客のネット戦略を紹介
https://tcd-theme.com/2025/03/real-estate-online.html
・WordPressテーマの変更手順まとめ
https://tcd-theme.com/2023/12/how-to-change-wordpress-theme.html
・WordPressサイトの作り方
https://tcd-theme.com/2024/08/do-it-yourself-homepage.html
【メルマガプライバシーポリシー】
登録された個人情報(メールアドレス)を正しく保管し、
漏えいすることのないよう、保護に努めることを宣言します。
アドレスには、当メルマガの配信以外には使用致しません。
【140,000部のメルマガに広告を掲載できます】
https://design-plus.info/advertise/
【株式会社デザインプラスとは?】
https://design-plus.info/
【運営サイト】
・WordPressテーマTCD https://tcd-theme.com/
・TCD GALLERY https://tcd.gallery/
・TCD MUSEUM https://tcdmuseum.com/
・TCD LABO https://tcd-manual.net/
【TCDのアップデート情報】
https://tcd-theme.com/update
【お問い合わせ・ご質問はこちら】
TCDに関するお問い合せ https://tcd-theme.com/contact
求人採用について https://design-plus.biz/
【メールマガジン バックナンバー】
https://mip.y-ml.com/_bcn?id=1001
最後までお読み頂きありがとうございました。
---------------------------------------------------------
発行者: 株式会社デザインプラス
担当者: 中田俊行
所在地: 〒542-0066 大阪市中央区瓦屋町1-5-20
連絡先: https://design-plus.info/contact/
Copyright DesignPlus INC All Rights Reserved.
---------------------------------------------------------