ネットの歩き方Googleの日本語WebフォントWordPressカスタマイズ2019.01.30Googleの日本語WebフォントWordPressやホームページ制作で、もっとオシャレなフォントを使いたいと思ったことはないでしょうか。ブラウザの文字の表示は基本的には「ゴシック体」と「明朝体」の区別ぐらいしかありません。デザイン性の高い書体を使おうと思うと、従来は画像で対応するしかありませんでした。PCやスマホの文字は、基本的にはその端末(PC・スマホ)自体にインストールされているフォントしか表示できません。インストールされていないフォントが指定されていると、入っているフォントの中で近そうなものに置き換えて表示されます。場合によっては、文字化けしたり対応する文字がなくて□みたいなので表示されたりして、製作者や投稿者の意図通りに表示されません。ホームページは特殊なフォントは使わず、どのPCやスマホでもできるだけ同じように表示さるように標準のフォントを使うことが多いです。Webフォントというアイデアで環境が少しずつ変わってきています。関連Webフォントのメリットユーザーの端末環境に依存しないウェブフォントの魅力は、ユーザーが使っている端末の環境に依存しないで、製作者の意図通りにデザイン性の高い字体がつかること。フォントデータはウェブ上にあるので、スマホやPCにそのフォントがなくても大丈夫です。以前は、好きなフォントを使いたい場合は、画像にしてホームページなどにはめていました。この場合、文字の間違いを直すだけでも、結構な手間でした。Webフォントを使えば、普通に文書を修正するだけなので簡単です。色の指定なども、普通の文章と同じです。文字を大きくしてもギザギザにならない画像にした文字の場合、拡大するとギザギザになりますよね。普通の文字の部分は拡大してもきれいなまま。Webフォントもデータ自体は通常の文字なので、ギザギザにはなりません。文字だからSEO対策にも基本的に画像に書かれた文字は画像であって、どんなにいいことが書いてあっても検索対象にはならないです。AIの進化で画像内の文字も認識できるようにはなっていますが、それでも普通の文字列のほうが、優位なのは変わらないです。デメリットもあります日本語フォントが少ない欧文フォントでフリーで使えるWebフォントはたくさんあります。日本語対応のWebフォントは少ないです。日本語フォントはデータが重いWebフォントは、フォントのデータがネット上にあるので、表示させるためにそのデータを読み込む必要があります。多少ですが読み込み時間がかかります。欧文フォントは文字の種類がアルファベットと数字と記号ぐらいしかないので軽いので読み込み時間を感じることもほとんどないのですが、日本語フォントはそうもいきません。文字の種類が桁違いですから、場合によっては時間がかかってしまうこともあります。日本語の文字の多さが、日本語Webフォントが少ないことの要因でもあります。Googleさん現在、Googleから9種類の日本語のWebフォントが公開されています。https://googlefonts.github.io/japanese/導入は割と簡単です。Googleの日本語フォントのページで、使いたいフォントがあれば、HTMLのヘッダー部分にフォントのスタイルシートのリンクを埋め込み、あとはWordPressやホームページのCSSでフォントを設定すればOKです。表示はかなりスムーズで、一瞬デフォルトのフォントで表示されるのが見える場合もありますが、実用レベルの速度だと思いました。日程追加!Webが苦手な初心者対象。エディタ用のCSSを...WordPressカスタマイズアイコンフォントアイコンフォントとは以前は「」のようなアイコンを表示させたい場合は...WEB技術LINE@が「LINE公式アカウント」に変わります。Explorerの終わり-Mic...みなさんはPCでネットをするときにどのブラウザで見ていますか?ちょっと古...WordPress初心者ワークショップをやりました...定期的に開催しています、WordPressを全部自分で作っていくワークショップ。長くても忘れにくいパスワードのつくり方WordPressカスタマイズレビュー待ちの投稿で編集者権限ユーザーにメールを送るWordPressカスタマイズアイコンフォントWordPressカスタマイズログイン画面のアイコンを変えてみるWordPressの基礎WordPressのよく使うテンプレートタグカテゴリーSEO8WEB技術13api1HTML/CSS2PHP1Rails3WordPressカスタマイズ32WordPressの基礎6アイコン関係2機能追加12表示する6非表示にする5WordPressプラグイン9ガジェット2デメニギス1ネットの歩き方6ブログの書き方5今日の出来事7動画7読んだ本2講座・セミナー6MENU1Webが苦手な初心者対象。ゼロから作るWordPressワークショップWordPress勉強会&モクモク作業会プライバシーポリシーMENU2スマホだけでできるビジネス動画【リターンズ】Adobe最新アプリで動画制作iPhone・iPadだけできるカンタン動画集客ワークショップWebが苦手な初心者対象。