CSSのフォントサイズ指定方法は次の2つ 絶対値: 10pxなら絶対に10px 相対値: 親要素のサイズによって可変 px サイズを絶対値で指定 html { font-size: 32px; } h1 { font-size: 64px; /* -> 64px; */ } span { font-size: 20px; /* -> 20px; */ }
目次 やわらか・繊細系の日本語フォント 12種類 力強い太文字系の日本語フォント 8種類 手書き・毛筆系の日本語フォント 6種類 レトロ系の日本語フォント 3種類 コミック系の日本語フォント 2種類 民芸風の日本語フォント 2種類 変わり種の日本語フォント 4種類 フォントを利用する際は必ず規約の確認を 商用利用の可否や条件については調査し記載していますが、商用利用のみ有料版の購入が必要だったり、配布元への連絡だったりする必要なケースもあります。ご利用の際は、必ずフォント配布元サイトで利用規約をご確認ください。 1. やわらか・繊細系の日本語フォント 12種類 落ち着いた優しいデザインにマッチする、繊細なフォントを集めました。癖が強くなく使いやすいものが多いので、重宝できます。 イマジン・ヨコハマフォント イマジン・ヨコハマフォント ひらがな・カタカナに加え、横浜市に関連する漢字が使えます
【パワーポイント作成】伝わるデザインのコツ ほんの一手間で驚くほど見やすく変わる!パワーポイントやGoogleスライドなど資料のデザインを見やすく仕上げるコツを解説します。 オシャレな英語のフリーフォントまとめ 1.Muller font https://www.fontfabric.com/fonts/muller/ シンプルで美しく、汎用性の高いフリーフォントです。 極細から極太まで、異なる太さを用意しており、一部無料で使用できます。 2.Bebas Neue http://www.fontfabric.com/bebas-neue/ やや幅が細めで、すっきりとしたデザインのフリーフォントです。 3.Vger Grotesque font 角張ったスタイルがユニークな、サンセリフ書体のフリーフォントです。 男性向けのデザインに最適です。 4.OXYGEN MONO https://ww
角が丸くなって柔らかい雰囲気になった「JK丸ゴシック」できました 以前より公開していた「JKゴシック」にラウンド処理を加えた「JK […]
Google Fonts は、デザイナー ウェブフォントを直感的にご利用いただける、安定したオープンソース ディレクトリです。 膨大な数の文字のデザインに要する時間や、大容量のフォント ファイルをウェブフォントとして提供する際に必要な技術的インフラストラクチャなど、日本語の書体デザインやフォント開発にはさまざまな課題が立ちふさがります。そこで、規格や技術の開発を進めると同時に、Google Fonts を通じてデザイナーやデベロッパーの皆様に日本語のウェブフォントをお試しいただけるようにしました。 Google Fonts provides an intuitive and robust directory of open source designer web fonts. Japanese typeface design and font development presents ma
フォントファミリー(font-family)の指定については、多くのサイトがそれぞれの工夫を重ね、デザイナーの意見なども含めて記載してある。結局どれが一番いいのか?ということで、毎回サイトを作成するたびに悩んできた。 あれこれと悩むより、有名サイトから拾ってきた方が確実では?? ということで、今現在は下記の設定にしている。 .font-inherit{ font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN', "segoe ui",'游ゴシック Medium','メイリオ', Meiryo,'MS Pゴシック','MS PGothic',sans-serif; } 各有名サイトのフォントファミリー(font-family)指定を見てみる。 MSNニュース h
フォントを変更しました いつも読んでもらっている方にはわかるかもしれませんが、 このブログの表示フォントを変更してみました! ちなみにフォントは「メイリオ」です。 「メイリオ」か「游ゴシック」で迷ったのですが、 どっちも比較してみて直感で「メイリオ」にしました。 Wordで書いた感じでは、こんな違いがあります。 どっちも良い感じですね。 字が丸くて読みやすいです。 僕は比べた結果、メイリオが好きでした。 メイリオにしたい方は、CSSにこれをコピペでOK /*フォントの設定 */ body { font-family: "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "MS ゴシック", sans-serif; } 游ゴシックにした
こんにちは、しばらくブログ更新をサボってしまいましたが元気でやってますよ(^_^;) 先日、とあるサイトを見ていたら、なんとも可愛らしいサイトデザインだったんで、なにが良いんだろうなぁと思って眺めてみると、使用されているフォントが良い感じ。 これは可愛い!! 一目惚れしちゃったんで、うちのサイトでも使うべく色々やってみたので、そのやり方などを例のごとく備忘録しました。 注記:諸事情により現在はぼくたちのゴシック2レギュラーを使用しています。 サイト使用されているフォントを調べる まずはサイトに使われているフォントが何なのか?を調べてたいと思います。 使用するツールはChromeのExtention『WhatFont』 chrome.google.com インストールが終わったら、エクステンションのボタンを押すと、閲覧しているWeb上のフォントがカーソル上に出てきます。 更にクリックすると、
最初から入っている標準フォントだけでは、ブログの画像にキャプションを入れたいとき、WEBサイトのメリハリを付けたいとき、ロゴを作りたいときなど、かっこがつかない!そんなふうに思うことありますよね。 しかしフリーフォントって、あまりに種類がたくさんありすぎて、どれを使っていいのやら困ってしまいがち。欧文フォントは種類も豊富だけれど、日本語対応(漢字も対応)フォントを探し出すのはひと苦労。 そこで!今回は使うだけでサイトや印刷物がかっこよく仕上がる、そんな日本語フリーフォントをご紹介いたします。 誰でも自由に無料ダウンロード!商用利用も可日本語対応上記を満たすフォントの中でも、特にクオリティが高く、様々なシーンで使用できそうなフォントを中心に集めました。(参考:サイト改善 10のポイント) 誰でも上手いキャッチコピーが作れる!ノウハウ記事17選とテクニック集 1. スタイリッシュにまとめたい
このIT系女子ログのフォントの設定を変更しました。 今使用させて頂いているテーマは、kimixさんのmurmur - skyblueで、フォントはヒラギノ明朝なのですが、『村上さんのところ』を見て、「このフォントかわいい!これにしたい!」ということで、衝動的に変更してみました。ちなみに『村上さんのところ』は游ゴシックを使用されていました。 設定方法はCSSを変更するだけなのですが、はてなブログのCSSファイルを直接触る方法が分からなかったので、私はとりあえず上書きする方法にしました。 CSSの記述場所は、 ダッシュボード > デザイン > カスタマイズ > デザインCSS です。 こちらにCSSの記述ができるので、フォントの記述を追加してあげるだけです。 body { font: 16px/1.8 "游ゴシック", "YuGothic", "Yu Gothic", 'ヒラギノ角ゴ ProN
プログラミング用フォント Myrica Myrica (ミリカ)は、フリーなプログラミング用 TrueType フォントです。 視認性、判別性 が高くなるように、複数のフォントファイルを元に合成/修正しました。 フォントの特徴 多くの特徴をプログラミング用フォント Ricty から継承しています。 ASCII文字は「Inconsolata」が適用されます。 それ以外の文字には「源真ゴシック」または「Mgen+」が適用されます。 半角文字と全角文字の横幅の比が 1:2 に調整されています。 視認性の高い日本語文字 (半濁音など) が使用できます。 Rictyにない特徴 以下の文字にはヒンティング情報がありますので、Windowsでもクッキリしています。 ASCII文字はヒンティング付きの Inconsolata から、ヒンティング情報を継承しています。 平仮名と片仮名にもヒンティング情報を付
FONTS Revised 2003/12/10 CSS ではフォントの種類を指定できます。フォントとは、描画される文字のことで、文字の種類には、ゴシック体、明朝体などがあります。各々のフォントの種類には、太字や斜体などのバリエーションがあります。 CSS では、次の 5 つの総称名で分類されています。これらを、 generic family と呼びます。 sans-serif ゴシック体風。ひげ無し。 serif 明朝体風。ひげ付き。 monospace 等巾フォント。大文字、小文字、英数文字の巾が等しい。 fantasy 装飾体。花文字、ポップ文字など。読めないフォント(絵文字、シンボル・フォント)は除く。 cursive 手書き体風。 CSS でのフォントの指定方法 CSS の説明は別項に譲ります。 CSS でフォントを指定する場合、次のように記述します。 font-family:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く