Source Han Code JPとは Source Han Code JP（源ノ角ゴシック Code JP）は、無料で使えるプログラミング向け OpenType フォントです。 Adobe社がオープンソースで開発しており「Source Code Pro」と「Source Han Sans JP（源ノ角ゴシック JP）」を組み合わせて作成されています。 Source Han Code JPの特徴 Source Han Code JPの特徴として以下のものが挙げられます。 ASCII文字は「Source Code Pro」が適用されている。 それ以外の文字には「源ノ角ゴシック」が適用されている。 半角文字と全角文字の横幅の比が 2:3 に調整されている。 文字の太さは7種類の中から選べる。 Adobe社がオープンソースで開発している。 実際に、「SourceHanCodeJP-Normal

ユーザの閲覧環境にかかわらず同じ見た目で表示してくれて、しかも超絶カッコイイとあって、爆発的な勢いでウェブ界を席巻しつつあるGoogleフォント。 今回の記事では、そのGoogleフォントの中でも特におすすめの40フォントを雰囲気・用途別に分類し、紹介していく。 紹介の前に フォント選びの基準とコツ ロゴ用と文章用の区別 Googleフォントは重い？ 万能フォント 技術系 ロゴ用 文章用 美容・ファッション系 ロゴ用 文章用 飲食・料理系 ロゴ用 文章用 スポーツ系 ロゴ用 学問系 ロゴ用 文章用 生活系 ロゴ用 文章用 Googleフォントの導入方法解説 Googleフォントにアクセス 使用したいフォントをコレクションに追加する 選んだフォントの詳細情報を指定 WebページにGoogleフォントを導入 CSSファイルにコピペし、Googleフォントを実装！ 紹介の前に フォント選びの基準

目次 ブラウザーによってWebフォントの見え方が違う 各ブラウザーの実際の画面で見え方をチェック font-smooth -webkit-font-smoothing transform: rotate(0.001deg) text-shadow: 0 0 0.1px rgba(0,0,0,0.5) CSSを適用した状態で各ブラウザーの実際の画面でチェック このブログ内の関連ページ 参考にしたページ サンプル画面として使ったサイト この記事へのネットの反応まとめ ●ブラウザーによってWebフォントの見え方が違う 今更ですが、日本語のWebフォントを会社のサイトで使い始めました。 元来、Webブラウザは端末にインストールされているフォントを呼び出し文字を表示する。端末のフォント如何では、Webデザイナーが意図しないWeb表示がなされてしまい、またフォントに関するWebデザインに制約が生じてし

比べる。 WEBCRE8.jpとその仲間達で、web制作における「選択」に おいて最良だと思われるものを考察していくカテゴリです。 最近Webフォントについて色々調べたので、これまでの経緯やメジャーどころの記法を踏まえつつ良い書き方を探った結果を共有しておきます！私自身はまだ実務で積極的に使っているわけじゃないんですが…(でもぼちぼち使ってます)。足りない部分もあると思うんで何か指摘があったらがんがんツッコんでくださいw @font-faceルール @font-faceルールは、Webフォントの名称と読み込むフォントファイルを関連づける@ルールの一つです。その他、どのウェイトやスタイルに対応するかも指定できます。 しかしWebフォントの扱いはブラウザ側のフォントファイルの対応状況、フォントファイル自体の進化によって変遷してきました。 Bulletproof Syntax これまでWebフォ

Web performance is a crucial aspect of web development that focuses on the speed at which pages load, as well as how responsive they are to user input. When you optimize your website for performance, you're giving users a better experience. The initial release of this course focuses on web performance fundamentals, that beginners should find informative. Each module aims to demonstrate key perform

たくさんのWEBアイコンフォントが使えるFontAwesomeですが、種類が豊富故に『あのアイコン使いたいけど名前なんだっけ・・・』ということも増えてきました。 htmlコードと、擬似要素で使いたい場面もあると思うのでcontentで指定する文字コードもまとめていきます！ 5.0とは合わないようですが、検索のコツは同様に学ぶことができます。 FontAwesomeの使い方まとめようかと思いましたが、こちらのサイト様より丁寧にできる自信がありません！ 使い方については↓を！ http://h2ham.net/font-awasome おんなじWEBアイコンフォントはGenericonsを使っていたのですが、いまいち文字とのベースラインが合わないのが気になって、最近はAwesomeをよく使っています。 Genericonsについての記事はこちらをどうぞ！ Twenty Fourteenに標準装

UD新ゴ M Webフォントは新たな 表現力を提供する 文字が伝えるものは言葉の意味だけではなく、用いられる書体によりその印象は大きく異なります。 ウェブデザインにおいて、さまざまな書体の中から目的に合った Webフォントを選び出し、的確に使うことが必要になります。 リュウミン R-KL Webフォントは新たな 表現力を提供する 文字が伝えるものは言葉の意味だけではなく、用いられる書体によりその印象は大きく異なります。 ウェブデザインにおいて、さまざまな書体の中から目的に合った Webフォントを選び出し、的確に使うことが必要になります。 A1ゴシック M Webフォントは新たな 表現力を提供する 文字が伝えるものは言葉の意味だけではなく、用いられる書体によりその印象は大きく異なります。 ウェブデザインにおいて、さまざまな書体の中から目的に合った Webフォントを選び出し、的確に使うことが必

Webページ上でベクターのアイコンを簡単に表示できる憎いアイツ。そう、アイコンWebフォント。 Retinaディスプレイでも綺麗に表示されるし導入は（そんなに）難しくないし至れりつくせり。 セマンティック？なにそれおいしいの？ そんなわけで今回はよく使っておりますアイコンWebフォントのセットと、ジェネレーターをまとめてみました。 ※紹介しているフォントを使用する際は、ライセンスを必ずご確認ください。 Font Awesome とっても有名なアイコンフォント、Font Awesome。600を超えるアイコンを使用できるのが特徴です。ソーシャル系のアイコンも揃っております。線のRは少し強めの印象。 個人・商用利用なのも嬉しい。 Font Awesome, the iconic font and CSS toolkit Entypo キリッとしたアイコンがエレガントなイメージなのがEntypo

2015年12月16日 フォント 2015年も残り二週間！今年も数多くの素敵フォントがリリースされました！この一年を振り返って、「これは！」と思ったフォントをいくつか紹介します。どれも無料でダウンロードでき、商用利用可能なものです。みなさんのお気に入りが見つかると幸いです。 ↑私が10年以上利用している会計ソフト！ 日本語フォント はれのそら明朝 かしこまりがちな明朝体に丸っこさをプラスしてスッキリ美しく仕上がったフォント。縦書きでもきれいです。 JKゴシックL 丸っこくてこじんまりとした可愛らしいフォント。少し太くなった「JKゴシックM」もあります。ちなみにフォント製作者は女子高生ではないようです。 機械彫刻用標準書体フォント 工業的な彫刻によって文字を作成するときの標準としてJISに定められたフォント。サイトではフォントの設計について詳しく紹介されています。 コーポレート・ロゴ 企業や

名刺を作りたい時や、自分のイメージ通りのバナーを制作したい時、フォントの雰囲気が合わなくて名刺やバナーの仕上がりが微妙になってしまうことってありますよね。 WEBデザインに大きな影響を与えるフォント。無料でも商用利用可能のフォントがたくさんあることはご存知ですか？ そんなWEBデザイン初心者の方に、商用利用が可能なフリーフォントをまとめました。 ※30種類のフォント一覧表は最下部に記載 1    フォントポにほんご ダウンロードはこちら http://yoshihisa.que.jp/fontopo/nihongo.html 2    ぼくたちのゴシック ダウンロードはこちら http://yoshihisa.que.jp/fontopo/index.html 3    ニクキュウ ダウンロードはこちら http://yoshihisa.que.jp/fontopo/nikukyu.htm

ブログやWEBサイトを作る際にロゴを作ろうとしても、デザインの知識や技術が無くて諦めてしまっている方もいらっしゃると思います。 そんな方でもWEBフォントというものを使うと「カッコ良いテキスト」を配置する程度であれば簡単にできるんですが、特に「Google fonts」を使うと権利関係もめんどくさくなくて実装も簡単なのでおすすめです。

OS X MavericksとWindows 8.1から游ゴシックというフォントが追加されました。Windowsでアンチエイリアス(境界を滑らかに表現)して綺麗に見せるフォントといえばメイリオ(Meiryo)が一般的でしたが、Windows上で游ゴシックという綺麗なフォントが出たので、font-familyを整理する意味でいくつかのサイトに追加してみました。 游ゴシックを組み込んで指定したfont-familyの結論 最終的にfont-familyはこんな感じの指定になりました。 font-family: "Hiragino Kaku Gothic ProN","YuGothic",Meiryo,"メイリオ",sans-serif; Macで見たときにはヒラギノ角ゴが優先され、Windowsの8.1以降は游ゴシックが優先、Windowsでメイリオに対応している場合はメイリオという設定です。

どーも！中野区でホームページ作成をしている＠PNRAです！ ホームページ作成に携わっている方なら誰しもが活用するであろうアイコンフォント！つくづく便利です！有名どころでいえば、「font awesome」や「Foundation Icon Fonts」などが思い浮かびますが、本当に種類が豊富で普段使いにおいてはないものはないのでは？と思うくらいにたくさん種類が用意されています。 がしかし、です。多くの有名なフリーアイコンフォントは海外生まれの海外育ち。用意されたウェブサービスのアイコンフォントに関しても「世界中で使われてるのはカバーするけど、それ以外は勘弁な」といった感じで、日本でよく使われるサービスが確実に用意されているわけではありません。確かにウェブサービスは無数に存在するため、それら全てをカバーするのは難しいとは思いますが。「Line」や「はてなブックマーク」、「feedly」や「P

The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

1987年に発売されたシャープのパソコン「X68000」シリーズ用として頒布されたドットフォント15書体が、TrueType形式のフリーフォントとして現代に蘇った「KHドットフォント」を紹介します。 サイズは12-32ドット、角ゴシック・丸ゴシック・明朝・太明朝など、さまざまな書体が揃っています。小伝馬町、秋葉原、神楽坂、道玄坂、人形町、名前も素敵！ KHドットフォント シリーズ KHドットフォントは、書体デザイナーの平木敬太郎氏（フォント・サイロ）が1991年から1996年にかけてリリースされたフォントをTrueTypeフォントとして再構成したものです。 再構成したのは、「源真・源柔ゴシック（紹介記事）」などの作者様です。 そんなお二人の「現代でもフォントとして利用したい」という思いの元、今回の公開に至りました。また多くの人に利用してもらえるようライセンスは、SIL オープンフォントライ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ

README.md プログラミング用フォント Ricty Diminished Ricty Diminished (リクティ・ディミニッシュト) は Ricty の姉妹フォントであり、Inconsolata と Migu 1M ではなく、Inconsolata と Circle M+ 1m を Ricty 生成スクリプトで合成したフォントです。 IPA ゴシックのグリフを含まないため、使用可能な漢字グリフの数が少ない代わり、SIL Open Font License の下で配布が可能です。 特徴 ラテン文字には Raph Levien 氏の Inconsolata が適用されます。 それ以外の文字には Circle M+ 1m が適用されます。美しい M+ と itouhiro 氏が改良された視認性の高い日本語文字 (半濁音など) が使用できます。 半角文字と全角文字の横幅の比が 1:2