コードがはっきりときれいに見えるように、プログラミング向けに読みやすさを追求したフォント「Commit Mono」を紹介します。 似た字形(「tl1I|!ij」「O0QDØ38B」「:;.,''''"」「2Z5S7T6b」)ははっきりと区別できるようにデザインされており、また等幅フォントでよくある特定の文字間で幅が等しく見えない問題(「mm」「oの左右」など)も改善されています。 Commit Mono. Neutral programing typeface Commit Monoは、デンマーク出身のクリエイティブデベロッパー兼デザイナーであるEigil Nikolajsen氏によるプロジェクトで、プログラミング向けに読みやすさを追求して作成されたフォントです。 ライセンスはSIL OPEN FONT LICENSE Version 1.1で、商用利用は無料、Webフォントに変換したり改
フォントの日(4/10)に、Adobe Fontsで使用できる日本語フォントが増えました! 今回のアップデートでは、SCREEN GAがパートナーに加わり「ヒラギノフォント4書体」、清和堂から「清和堂明朝 L」、フォントワークスから「UDフォント6書体」が使用できるようになりました。これらのフォントをはじめ、Adobe Fontsで利用できる日本語フォントすべてが一覧できるPDFも無料でダウンロードできます。 さらに、新しいフォントパックも追加され、フォント選びに迷った時にすぐに選りすぐりのフォントが使用できます。 Adobe Fonts日本語書体一覧のPDF 2023年4月版 Adobe Fontsは、Adobe CCのユーザーなら追加料金なしで利用できます。もちろん商用利用もOK、詳しくはライセンスページをご覧ください。 フォントのライセンス -Adobe Fonts 一番安いプランを
Webサイトをレスポンシブ対応にする時、メディアクエリを使用するのも一つの方法ですが、CSSのclamp()関数を使用すると、最小値と最大値を定義してその間の値は流動的にすることができます。 たとえば、小さいスクリーンでは最小値の16px、スクリーンが大きくなるにつれ、最大値の24pxになるまで少しずつ大きくなる、という感じです。 このclamp()関数を使用して、CSSでレスポンシブ対応のフォントサイズやレイアウトを簡単に定義できるツールを紹介します。ツールはオンラインでも、ローカルでも利用できます。 Min-Max Calculator Min-Max Calculator -GitHub Min-Max Calculatorの特徴 Min-Max Calculatorの使い方 Min-Max Calculatorの特徴 Min-Max Calculatorは、レスポンシブ対応にする時
ブログを簡単に装飾できるフォントアイコンというものがあります。 有名どころだとFont Awesome だと思いますが、はてなブログを使っているかたは、自動的にはてなブログ独自のフォントアイコンのデータがページに読み込まれています。 ブロガー側でとくに何か初期設定、前準備などをする必要もなく、フォントアイコンが使えるんですね。 それで間に合うようなら、Font Awesomeのデータを読み込まなくてもよくて、ページの軽量化につながるのでおすすめです。 以下にフォントアイコンの基本的な使いかたと一覧表を掲載します。 はてなブログのフォントアイコン一覧表 【HTML版】はてなブログのフォントアイコンの使いかた 基本コード 例:メールアイコン フォントアイコンを大きくする 読ませない対策:aria-hidden="true"って? 表示されない対策: って? 【CSS版】はてなブログ
Material iconsのアイコンフォントの使い方 以下で、Material iconsのアイコンフォントの使い方を紹介します。 詳しい方法は、以下に記載してあります。 Material icons guide – Google design 主な手順 アイコンフォントを利用するには、主に以下の手順が必要です。 Material iconsフォントのCSSファイルを呼び出す CSSファイルに利用をするためのコードを書く(コピペ) アイコンフォントを表示したいところにHTMLを書く(コピペ) Material iconsのアイコンフォント用CSSファイルは、WEB上から手軽に呼び出すことができるので、かなり設定は簡単です。 Material iconsフォントのCSSファイルを呼び出す Material icons用のCSSファイルは、Google Web Fontsにあるものを呼び出す
2015-09-16 パワーポイントでFont AwesomeのWEBフォントを使う方法 パワポでWEBフォントをフォントして埋め込んだサンプル↓パワーポイントで資料作ってると、時折アイコン入れたくなりますよね。ソーシャルメディアのアイコンとかイメージを探してきて、わざわざスライドの中にサイズ指定して埋め込むのと調整手間だし嫌だなと思っていたら、ふとFont Awesomeがあるじゃんと頭に浮かんだので早速試してみたら無事に使えました。Font Awesome のWEBフォントをパワーポイント(Power Point)で使う方法を説明して行きます。 1. フォントファイルをWindowsにインストールする https://fortawesome.github.io/Font-Awesome/を開いてダウンロードボタンを押して下さい。するとフォントファイルが格納されたzipファイルをダウンロ
Font AwesomeはさまざまなWebサービスで使われているアイコンフォントで、アイコン一覧も公式サイトで提供されているし、文字コード一覧もこちらにあったりと、必要なリソースもまずまず充実している。 しかし意外と「インクリメンタルに検索できて」「文字コードも一覧に掲載されていて」「クラス名や文字コードがコピペしやすい」サイトが見つからなかったので作ってみた。 http://waramo.co.jp/fa/ 検索窓ではスペース区切りで文字列指定できる("tw sq"は"fa-twitter-square"にマッチ) その他の正規表現も使える(スペース区切りでだいたい用が足りるのであまり出番なさそう) タブを押すとクラス名や文字コードにフォーカスが移るのでコピペしやすい こんなところが特徴である。 文字コードが必要になる典型的な例は、Font Awesomeのアイコンフォントをスタイルシー
This article provides developer guidelines for using the Segoe MDL2 Assets icons and lists the font glyphs along with their unicode values and descriptive names. Important APIs: Symbol enum FontIcon class About Segoe MDL2 Assets Tip With the release of Windows 10, the Segoe MDL2 Assets font replaced the Windows 8/8.1 Segoe UI Symbol icon font. Segoe UI Symbol will still be available as a "legacy"
とっても味わい深い、無料フォントがありましたよ! 今回紹介する日本語フォントは「ORADANO明朝フォント」。2003年から内田明さんが更新し続けられているフォントで、とっても味のあるスタイルなんです。 ORADANO明朝フォントは東京築地活版製造所が明治30年から31年に販売・印刷していた五号活字というものを基に作られたもので、明治・大正あたりの文書によく見られるテイストがとっても素敵。 東京築地活版製造所とは元は明治初年に長崎に興した活版伝習所、製造所で、明治4年に東京に進出し後に築地に本社を構えました。当時は日本の活字界を牽引する存在でしたが、昭和13年に解散したそうです。 ORADANO明朝フォントにはひらがな、カタカナの他にも漢字の一部が実装されていますが、深井鑑一郎『標注 漢文入門』及び漢字統一協会『同文新字典』の築地三号に由来するものとのことです。 (2016. 4. 14
文字を組み合わせて特定の記号を表示する合字(リガチャ)機能を利用し、「グリーン車」「寝台車」などの車両、「特急」「快速」などの車種、発着番線などを示す記号もフォントとして表示できるのが特徴だ。合字は、欧文・英文両方に対応。「NoSmoking」「きんえんしゃ」と入力すると、どちらも「禁煙車連結」の記号を表示できる。 全角数字を入力すると太い書体になるなど、時刻表の表現に特化した機能を搭載。アルファベットとひらがなが入っているが、あくまで合字入力用であり「欧文フォントやかなフォントとしての利用はお勧めしない」としている。 紹介ページには、画像を使わず全て同フォントのみで組まれた時刻表のサンプルを掲載し、合字をプレビューできるテキストボックスも設けている。 開発者によると、2007年に作成したフォントを、Web表示用に機能追加・最適化しアップデートしたとのこと。「印刷用としても、Web用として
フロップデザインフォントという商用可の日本語フリーフォント フロップデザインフォントは、どなたでも自由に無料でダウンロードして、商用・非商用問わず使用できる日本語フリーフォントです。このフォントは第二水準の漢字も含まれ、ワープロ、Adobe製グラフィックソフトなどのアプリケーションで自由に加工して使えます。ひらがな、カタカナ、アルファベット、数字をオリジナルで制作し、残りの部分をM+FONTで補いました。またM+FONTで不足している漢字をIPAゴシックで補完しています。 フォントのデザイン特徴について 水平、垂直の線がデザインの基本となっているシンプルなゴシック体の日本語フォントです。暖かみのある手書きを感じさせるひらがな、シャープなイメージのカタカナ、スマートでデザイン性の高いアルファベット(英語)、スタンダードで読みやすい数字とそれぞれ異なる考えに基づいて作られたフォントです。しかし
2015年1月16日 フォント, 便利ツール 久しぶりにブックマークしているサイトを整理しました。という事でお掃除後の恒例行事?私がブックマークしているフォント・Webフォント・テキスト関連のWebサイトを、中の人へ感謝の気持ちも込めてシェアします!何年もお世話になっているサイトばかりですが、ここ最近はWebフォント関連のサイトが増えてきましたね。いいな!と思えるサイトがあれば嬉しいです。 ↑私が10年以上利用している会計ソフト! フォント関連 フォントhack.jp フォントhack.jp 日本語の無料フォントの表示確認ができるサイト。複数のフォントを表示して比較することもできます。 dafont dafont 英字の無料フォントを大量に集めたサイト。大量すぎて眺めてたらいつも物凄く時間がたってますw ライセンスは各自要確認。 フォントガレージ フォントガレージ 日本語フォントの販売サイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く