まとめたる分かりにくい情報、お得な情報を分かりやすくまとめたる。SansJapanSansにくまるフォントまとめWebフォントとは今までは指定したフォントがインストールされていない環境では思った通りに表示されませんでした。WEBフォントであればWEBからインストールするのでどの環境でも同じように表示されます!今までの場合は多くのサイトは好みのフォントをPNGやJPEGに画像変換してタイトルロゴ、ボタンなどに使っていました。このサイトの以前使っていたタイトルロゴには商用利用無料の「にくまるフォント」をPNG画像に変換して使っていました。これをテキストで表示しても皆さんのパソコンに「にくまるフォント」がインストールされていないため意図した通りに表示されません。自分のパソコンで表示できるフォントを確認したい場合は以下のサイトが便利です。私の知る限り2通りの方法があります。Webフォントのサービスを利用する自分のサーバーにおいて利用する1.Webフォントのサービスを利用するGoogleFontsのようなWebフォントサービスです。CSSを指定するだけで、簡単に利用できます。Fonts)の使い方2.自分のサーバーに置いて利用する自分で作成したフォントや、フォント製作者からダウンロードしたフォントを利用したい場合は自分のサーバーに置く必要があります。フォントのライセンスの問題や、複数のフォーマットを用意する必要があるなど、Webフォントサービスを利用するより少し複雑です。ちなみにこのサイトのタイトルは「2.自分のサーバーに置いて利用する」でWebフォントを表示しています。他のフォントを使う際も手順は同じなので参考になるかもしれません。ディスプレイでも劣化なしテキストなので画像よりばSEOにつよいデメリット古いブラウザには対応していない。2.0JapanSans有料です。Wordpressのプラグインとして用意されいるので一番簡単でメンテナンスも楽そうです。http://webfontfan.com/japansans/ライセンス:にくまるフォントにくまるフォントのライセンスは以下のとおりです。コンピュータなどでの個人利用をはじめ、商業目的での利用、フォント内容の改変、改変後の再配布にも制限の無い、自由なライセンスで公開しているアウトラインフォントです。これらのフォントはフリー(自由な)ソフトウエアです。することができますが、全て無保証とさせていただきます。「2.自分のサーバーに置いて利用する」でにくまるフォントをWebフォントとして使うことができるはず。Lightのボタンデザインを変更可能にしました。Lightを改変してボタンのデザインをカスタマイズできるようにしました。CSS、JavaScriptファイルの圧縮は単純なコーポレートサイトなら工数をってまでやる必要はないかなと思います。タスクランナーで自動で圧縮の設定しているならそれはいいことだと思います。結合は必ずやったほう...2016.10.04CSS【CSS】ショートカットキーの表示を本物のキーボードのようにする今までは、ショートカットコマンドを紹介したりする際に普通のテキストに「」をつけたりして表示していました。かっこいいデザインないかなぁと探していたところMacのキーボードのようなかっこいいデザインのスタイルシートを見つけました。MIXINを使ってみた現在WordPressのテーマを作成しており、フォントサイズの単位をremで進めているのですが、IE8以下がremに対応していないということで対応するためには以下のように記述する必要があります。font-sizeの指定は少...2015.02.07Chrome【Sass+Compass】MACに導入から、デベロッパーツールとの連携まで。SASSとはCSSのコード修正、管理がちょっと楽になるメタ言語。メタ言語というとちょっと難しく聞こえますが、全然簡単なので安心してください。CJK」に変更してみた!Webフォントについては以下の記事にまとめています。CJK」をダウンロードするところからWeb上で表示するまで設定します。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレス次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。Ratingお問い合わせホーム検索トップ。