プログラミング用フォントとは パソコンを使用する際、文字の見やすさ（読みやすく、誤読しにくい）は非常に重要です。 Windowsにはメイリオという読みやすいフォントがインストールされていますが、プログラムのソースコードのような文字列を読むのにはあまり適していません。 そこで使われるのが、文字の一つ一つを確実に判別できるようにデザインされた、プログラミング用・コーディング用などと呼ばれる視認性の高いフォントです。 Windowsには標準でConsolasというプログラミング用フォントがインストールされていますが、欧文フォントなので日本語は別のフォントで代替されます。 日本語も使えるプログラミング用フォントを使うにはインストールが必要になります。 programming fonts Source Han Code JP （源ノ角ゴシック Code） とりあえず使ってみるならこれ。 GitHub
微軟雅黒（簡体字: 微软雅黑; 拼音: Wēiruǎn Yǎhēi、英語: Microsoft YaHei）は、Microsoft Windowsに標準で搭載されている簡体字中国語フォントである。北大方正電子有限公司（Beijing Founder Electronics Co. Ltd.）によって開発され、モノタイプ・イメージング社の手で微調整が施されている。OpenType規格でゴシック体に属し、ClearTypeに対応している。Vista以降のWindowsに標準搭載され、簡体字中国語環境においてデフォルトフォントとなっている。 このフォントはGB 18030をサポートするため、 UnicodeのCJK統合漢字とCJK統合漢字拡張Aの全漢字2万7496字と、中国国家標準化管理委員会が追加した約80字の漢字を含み、GB 2312の簡体字をはじめとする文字のほか、Big5の繁体字もカバー
ウインドズー7で使える「漢字フォント」のソフトを探しています。いろいろありますが、教科書体のフォントがあるものが見つかりません。漢字の画数や、はねる、止める、出る、出ないなどがきちんと分かる字体です。 ウインドズー7で使える「漢字フォント」のソフトを探しています。いろいろありますが、教科書体のフォントがあるものが見つかりません。漢字の画数や、はねる、止める、出る、出ないなどがきちんと分かる字体です。 無料のフォントやメーカーから出ているフォントなどたくさんありますが、どれがよいのか分かりません。 国語の教材を打ち出す際に、明朝体などは画数や、はねる、止める、出る、出ないなどがはっきりしていないので困っています。
日本語のフリーフォントを利用してデザインする際などに「クールなデザインにしたい」「かっこいいフォントを使いたい！」という場面があるかと思います。 ただ、英語のかっこいいフォントはすぐに見つかるのに、日本語になるとすぐに見つけられないということがあります。 そこで今回は、デザイン性が高くてかっこいい日本語フリーフォントをフォントのタイプに分けてご紹介していきます。 商用利用可能なものから、漢字を含んだもの、カタカナのみのかっこいいフォントまで幅広く用意してみましたのでご覧ください。 かっこいいゴシックフォント 鉄瓶ゴシック 鉄瓶（てつびん）ゴシックは、フォントな自由さんが公開している角ゴシックフォントです。 「源ノ角ゴシック」を改変して制作されており、極太の文字かつごつごつとした質感がかっこいいフォントです。 商用：OK ひらがな：◯ カタカナ：◯ 漢字：◯ ▷ 鉄瓶ゴシック スマートフォン
ヒエログリフ・トンパ文字・ルーン文字などの古代象形文字をはじめ、小説やアニメにでてくる不思議な文字、バーコードや数式やイケメンフォントなど、遊び心満載のフリーフォントを紹介します。 文字として使うだけでなく、背景や飾りなどデザインの一部に使っても面白そうですね。 普通に読める日本語のフリーフォントは、下記ページにまとめました。 日本語のフリーフォント総まとめ -商用サイトだけでなく紙や同人誌などの利用も明記 秀真文字 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 古代日本の神代文字、秀真文字（ホツマ文字）をフォント化。 配布が終了し、再配布が可のため、当方で二次配布させていただきます。 秀真文字 フォントのダウンロード (476KB) 出雲文字 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 古代日本の神代文字、出雲文字（イヅモ文字）をフォント化。 配布が終了し、
コーディング向けの日本語対応の等幅フォント「Sourceソース Hanハン Codeコード JPジェイピー（和名：源ノ角ゴシック Code JP）」が、2015年6月4日に公開されました。「源ノ角ゴシック Code JP」は、プログラミングやHTML/CSSのコーディング、ターミナルでのテキスト表示など、和欧表示用フォントとしての利用を想定されたフォントです。 ダウンロードはこちらから Release Fonts (OTF, OTC) · adobe-fonts/source-han-code-jp · GitHub ※このフォントは無償でダウンロード可能です。OTCとTTFの両方のフォーマットで配布されているので、Windows/macOSともに簡単にインストールできます。 ※上記リンクの「Fonts version ［バージョン番号］ (OTF, OTC)」となってい箇所の［Sourc
デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人にとってなじみ深いフォントとして、Windowsのプリインストールフォント「MS Pゴシック」は代表的なもののひとつかもしれません。 「MS Pゴシック」 「MS Pゴシック」は過去にマイナビニュースで実施した美大生の「お気に入りフォント」アンケートにも名前が挙がった実力派(?)ですが、実際に日々グラフィック/エディトリアルデザインを手がけているデザイナーの目には、この定番フォントはどう映るのでしょうか。 今回は、デザイン会社にてエディトリアルデザイン/Webのレイアウトデザインを手がけているSさんに、「MS Pゴシック」についての率直な思いを伺いました。 ――「MS Pゴシック」、デザイン業務で使うことはありますか? 私は主にエディトリアル(雑誌や書籍など)、グラフィック、Web領
※本記事は2009年に私のブログで公開していた記事を加筆修正して転載したものです。 10年以上前、欧文（アルファベット・ラテン文字）の筆記体がレアになっている、という以下のコラムが話題になったことがあります。 元記事が残っていたことにも驚きですが（笑）、2020年現在、もう学校では教えていないものらしいですね。 今は欧米でも常用してる人は少ないようです。欧米人と付き合いのある方々は解ると思いますが、彼らの書く文字は学校でいうところのブロック体を独自に崩したもので、はっきり言って日本人には判読不能なものが多いです（笑）。私は Doyald Young さん（2011年逝去）というアメリカのデザイナーの方から直接著書を購入したことがありますが、その荷物のラベルに書かれていた文字が異様に角ばってくっきりしていたのを覚えています。日本企業と仕事をすることが多かった Young さんは、自分が日常的
おそらく世界中でもっとも有名なサンセリフ書体，Helvetica。Mac OS には標準添付。一方で，Windows に標準添付され，圧倒的な使用者数を誇る Arial。この 2 書体，そっくりなのである。実際，一方が他方の代用として使われることもある（もっぱら，Arial が Helvetica の代用として使われるケースが多い）。注意して見ていないとあるいは気づかない。しかしよく見ると細部が違う。 ここが違う，Helvetica と Arial 上に示したのは，32 ピクセルサイズでカーニング（字詰め処理）をオフにし，アルファベットの大文字・小文字，数字と主な記号，を Helvetica と Arial でタイプしたもの。ぱっと見気づくのは，Arial のアットマーク「@」が大きいくらいで，ほかは大変よく似ている。ちなみに文字幅は，（少なくともこのサイズでは）ぴたりと一致している。
個人でも商用でも無料利用できる、日本語のフリーフォント743種類を紹介します。 Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌まで、幅広く利用できる無料フォントが満載です！ 前年の686からフリーフォントが70種類くらい増えています！ ※サイト閉鎖などでかなりのフォントが減っています。気になったフォントはダウンロードできるうちにダウンロードしておくことをお勧めします。 本記事は定期的に、全フォントを確認して、更新しております。 初紹介のフォントから既存フォントも改めてリンク・ライセンスを確認しています（※情報はこの記事の執筆時のもの）。ライセンスはWebデザインだけでなく、同人誌や印刷物などでの利用も確認しました。 更新情報 2024/12/27: フォントを2種類追加 2024/12/25: フォントを14種類追加 2024/6/4: フ
まず、以下のコードでWebフォントの呼び出します。 後は、表示したいところにコードを挿入するだけです。サイト内のアイコンをクリックするとコードが表示されます。 この基本形にクラスを追加すると色々とカスタマイズすることができます。 ちなみに「fa」は表示の基本となるスタイルで「fa-sitemap」はアイコンの種類を表します。スタイルの中身はこんな感じです。 .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-sitemap:before { content: "\f
Translation of: Bulletproof Accessible Icon Fonts by Filament Group アイコン・フォントを利用する場合、あらゆるユーザーに適切にアイコンを提供しようとすると、かなり気をつける必要があります。そのフォントが読み込まれなかった時にどうなりますか？@font-faceがまだサポートされていないブラウザーでは？ どうすれば安全に(bulletproofに)アイコン・フォントを利用できるかをこれから解説したいと思います。 効率的で機能的なウェブサイトを制作するという、この終わることのない探求において、ベクター形式のアイコンを提供する手段として、簡便であるフォントを利用することが何度も提案されてきました。対して私達は通常ベクター形式のアイコンとしてSVGをIan Featherがブログ書いたような理由から選んで(また、薦めて)おり、既に
アイコンフォント、便利です。 自分でいちいちアイコンを書く必要がなくなるし、レティーナや高解像度のディスプレイでも表示が汚くならないし、アイコンフォント、便利です。 まだアイコンフォントを使ったことのない方は、導入面倒なんじゃないの？とお考えかもしれませんが、意外に簡単です。 簡単って言うか、一行です。嘘だと思ったら、ここから先の記事をどうぞ。 使い勝手のいいアイコンフォント「Font Awesome」 とにかく導入は手軽です。 Get Started with Font Awesome ＜head＞＜/head＞内に一行コードを書き足します。 <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> 必要なスタイルシートを外部から読み込むだけです。 メリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
