Font Awesome 使い方 【まとめ】 - RAKUS Developers Blog | ラクス エンジニアブログ
こんにちは、技術広報のyayawowoです。 Webサイトやブログを作成する際に 「TwitterやFacebookなどのアイコンを表示させたい・・・」 「ここに矢印のアイコンがあれば読みやすいのに・・・」 と思う方がいるのではないのでしょうか？ そんな際にとても便利なのが、" Font Awesome "です！ 本記事では、Font Awesomeの基本知識や使い方だけでなく、カスタマイズ事例も交えてご紹介します。 ※ 利用バージョンについて 2022年1月現在、Font Awesome 6のベータ版が公開されています。 Font Awesome 5も継続して利用可能であり、アイコンの種類もほぼ変わらないことから、 今回はFont Awesome 5を使ってご紹介します。 【 目次 】 Font Awesomeとは？ Font Awesomeの事前準備 アカウント作成 サーバーにアップロ
Iosevkaというフォントが良い
突然ですが、皆さんはどのフォントでコーディングしていますか? monaco、Monospace、MSゴシックなど、等幅フォントを軸に種類は多種多様です そんな中、それらを尻目に私が使っているフォントはIosevkaというフォントです Iosevkaとは? 以下の特徴を持ったフォントです 等幅フォント 日本特有の文字種(㈱や㌕など)に対応 これらもきっちりと等幅を守っている リガチャ機能あり !=や<=など、特定の連続した文字列を合成して別の文字で表す機能 エディタもリガチャに対応している必要あり(VSCodeやAtom、iTerm2は対応しているので、大抵のエディタやIDEは対応していると思います) 特定の文字をプリセットの中から選ぶ事ができる プリセットから選んで、特定の文字のみデザインを変更することも可能 全体的な文字の太さ、デザイン、文字のゆとりも設定することが可能 特に 特定の文字
ゆず屋: [フォント] 『キルラキル』のあの文字
■ 『キルラキル』の見どころは、アホの子（CV：洲崎綾）ですよね？ こんにちは。榊です。 今日は、この10月から始まったTVアニメ、『キルラキル』に出てくるあの文字の話です。 これです。 『キルラキル』では、こんな風に大きなサイズの文字で頻繁にテロップ（？）が入るのですが、この文字、かなり太いですよね。 ここまで極端に太いフォントというと、視覚デザイン研究所のロゴGブラックが真っ先に思いつくので、てっきりそれだと思ったのですが違いました。 （手作業で加工するには違いが多すぎたのと、ライセンスの関係で視覚デザイン研究所のフォントを使う可能性は低いだろうと思われたので、変だとは思ったのですが、思い込んでしまっていました。） 正解は、フォントワークスのラグランパンチでした。 ツイッターで指摘されるまで、このフォントの存在を完全に失念してしまっていました（笑） 上がオリジナルの映像、下がフォント（
プログラミング向けフォント３２選 [K'conf]
Monaco のリンク先を、フォントファイルから http://www.gringod.com/2006/11/01/new-version-of-monaco-font/ に変えられたようですが… リンク先に “I’m not sure how the new version differs but I’m told its from a new Mac Book Pro.” と書かれているとおり、そこで配布されているフォントは Mac から取り出したものです。 フォントファイルはプログラムとみすことができ、その場合これは著作権による保護の対象となります。また、Mac から取りだしたフォントファイルを配布するという行為は、Mac OS X のソフトウェア使用許諾契約に違反しています。 というわけで、Monaco の配布記事にリンクするのはいろいろとマズイんではないかと思うわけですが、いか
![プログラミング向けフォント３２選 [K'conf]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2435916bdee1550d551c2ee50ba6a2764be3c7ad/height=288;version=1;width=512/http%3A%2F%2Fkenz0.s201.xrea.com%2Fimage%2Fblog%2F2008-10-13%2FAndaleMono11_t_mx.png)
プロフェッショナルのデザイナーがよく使う21種類のフォント
ウェブデザインの世界においてどのようなフォントが好まれて使われているのかを調査した結果、21種類のフォントが選び出されたそうです。どれもこれも使い勝手の良さそうな、見やすくわかりやすい、それでいてインパクトのある英文フォントばかりなので、覚えておいて損はありません。 プロフェッショナルのデザイナーによく使われている21種類のフォント一覧は以下から。 21 Most Used Fonts By Professional Designers | instantShift Helvetica Frutiger Myriad Pro Avenir Std Trajan Optima Std ITC Franklin Gothic Std Futura Bickham Script Univers Eurostile Interstate Trade Gothic Gill Sans Warnock
プログラマーが好きなフォント:アルファルファモザイク
文化祭でカセットコンロ４台の上に鉄板２枚載せて焼きそばを作っていたらガスボンベが爆発、生徒１５人負傷…私立豊南高校
プログラミング用のフォントを探してたら一日が終わってた
1. 遠視なのでフォントサイズは大きめ 2. エディタの関係で等幅TrueType限定 3. ClearType有効 4. 字は1Il| ,.;: (){} oO0 とmの潰れ具合ぐらいしか見てない 5. フリー 以上の条件でフォントをセレクト Bitstream Vera定評もあり、今回の基準をほぼ完全に満たすフォント。 イタリック・ボールド、セリフ・サンセリフ全てバランスがいい。 ただ小文字のLの自己主張がちょっと激しくて、ゼロがdotted zeroなのが気に入らない。 http://www.gnome.org/fonts/ Andale MonoVeraフォントと似たような感じのフォント。 というよりこの条件と自分の好みで選んだ結果全部似たようなフォントになってしまったが。 http://sourceforge.net/project/showfiles.php?group_id=
9800個のフリーフォント配布サイト - GIGAZINE
9800個もあるフォントを無料でダウンロードできるサイトです。ちゃんとプレビューも表示されるのでダウンロード前にどんな書体か確認もできます。 ダウンロードするには「DOWNLOAD THE FONT」の下にあるフロッピーディスクのアイコンをクリック。ポップアップしたウインドウに表示されるランダムなアルファベット3文字を入力して「Send」をクリック。あとは表示される「click to download the file」をクリックすればダウンロードできます。 9800 Free Fonts, fonts for free, font finder, download free fonts, free typography http://www.creamundo.com/index.php?lang=en ほかにも以下のサイトで無料のフォントを山ほどダウンロードできます。いざというときに備
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Icons | Font Awesome
自由に使えるオープンソースの日本語フォント - SourceForge.JP Magazine
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 9 | コリス
あんずいろapricot×color
DaFONT Japanese Designs
http://www.proggyfonts.com/