Download 2400+ Free, High-Quality Icons | IcoFont
No-Code Website builder for WordPressDesign and build custom websitesAdd interactions & animations visuallyCustom header & footer builderAdaptive breakpointsDeveloper modeCustom attributes for all elements200+ pre-built sectionsTutor LMS deep integration Coming soonE-commerce Coming soonPremium templates library Coming soonExplore Droip
Font AwesomeマジAwesome #LOVEFONT - Webtech Walker
#LOVEFONT Advent Calendar 2013 14日目です。 フォントについて語るAdvent Calendarなんだけど斜め上でFont Awesomeについて書こうと思います。 Font AwesomeというのはWebサイトで使える様々なアイコンをフォントファイルとして提供しているライブラリです。 Font Awesome これの何がいいかというと、まず色々なアイコンが簡単に使えるというのはもちろんのこと、それがフォントファイルで提供されているというところです。フォントファイルで提供されているということはつまり、CSSで見た目を制御できるわけです。 例えば、大きさを変えようと思ったらfont-sizeプロパティで変えられるし、色を変えようと思ったらcolorプロパティで変えられるわけ。つまりアイコンをちょっと変更するだけで画像切り出し直すみたいな手間から開放されるわけで
WhatFont Tool - The easiest way to inspect fonts in webpages « Chengyin Liu
Tweet * WhatFont is not affiliated with MyFonts and/or the WhatTheFont service. ← Back to Chengyin's main page What is the easiest way to find out the fonts used in a webpage? Firebug or Webkit Inspector? No, that's too complicated. It should be just a click away. Hence I wrote WhatFont, with which you can easily get font information about the text you are hovering on. To embrace the new web font
Fira SansのWebフォント
Firefox OSに採用されているオープンソースのFira SansのWebフォントがMozillaのGitHub Pages経由で配信されていることを知った。ちょっと前までGitHub Pagesはパフォーマンスに難があったけど、最近大幅に改善されたので、Fira Sansをウェブページで使いたい場合はこれを直接読み込めば良さそう。 Demo: Fira CSSは全部入りのが用意されてるので、それを使うと簡単だけど、HTTPリクエストが増える。そのため以下のように必要なだけ直接@font-faceルールを自分で書く方が良い。 @font-face { font-family: "Fira Sans"; font-style: normal; font-weight: 400; src: local("Fira Sans"), local("FiraSans-Regular"), url
安全な@font-faceの書き方
Translation of: Bulletproof @font-face syntax 最も優れた@font-faceの定義方法を解説させて貰おう: @font-face { font-family: 'Graublau Web'; src: url(GraublauWeb.eot); src: local('Graublau Web Regular'), local('Graublau Web'), url(GraublauWeb.otf) format('opentype'); } 最後になぜこの方法が最も優れたものなのかは説明することにして、最初に他の方法の欠点を解説することにしたい。もちろん、問題の中心になるのはIEが.eotフォントが必要なのに対して、他のブラウザでは.ttfか.otfを必要とすることである。それでは順に解説していこう。 条件付コメントによる方法 <style
font-familyに游書体(游明朝/游ゴシック)を指定する
Updated 2016.12.17 / Published 2013.10.29 OS X MavericksとWindows 8.1からは、游書体の游明朝体と游ゴシック体が標準インストールされています。 游書体はMacOS Xの標準書体であるヒラギノシリーズの制作・監修を担当した有限会社字游工房が制作した書体で、2010年に全ファミリーが完成しています。これまでにも游書体は、Windows Phone7.5の日本語のシステムフォントとして、iOSではiBooks3.0のアプリ専用フォントとしても利用されています。 字游工房＿游書体ライブラリー＿游明朝体ファミリーより 游明朝体ファミリーは「時代小説が組めるような明朝体」をキーワードに、単行本や文庫などで小説を組むことを目的に開発した游明朝体Rを核とした明朝体ファミリーです。 文字の大きさの揃った現代的な明るい漢字と、伝統的な字形を生かし
MSゴシックを別のフォントに置き換える :: veefour's digital life
veefour's digital life パソコン関係もろもろ忘れないためのメモ（備忘録）です。Windows、Linux、自作、ブログなどなど。 Firefox専用です。 ネットを徘徊してると、たまに MS Pゴシック や MS ゴシック で固定されたサイトがあったりしますが、個人的にアンチエイリアスされたメイリオの方が好きなので、Firefoxの機能を使ってメイリオに置き換えてます。 Firefoxの設定で好みのフォントを指定して、「Webページが指定したフォントを優先する」のチェックを外すと、サイトで指定されているフォントを無視して、指定したフォントで強制的に描画することができます。 が、先日、WordPressテーマをリニューアルして Webフォントを使用するようにしましたが、Firefoxでフォントを強制指定すると Webフォントが有効にならず、Webフォントで表示してい
フリーフォントやさしさアンチック（漫画用書体・セリフフォント）のダウンロード | フォントな
やさしさアンチックはどんなフリーフォント？ フリーフォントのやさしさアンチックは、自由にダウンロードし、商用・非商用問わず使用できます。 「アンチック体」とは、ゴシック体の漢字にあわせた太い明朝体の「かな」が組み合わされたフォント。 通称「アンチゴチ」として、マンガの吹き出し、辞書の見出しや絵本などに多く用いられています。 普通のアンチック体よりも太さの差が少なく、漢字との統一感が高いデザインの漫画用フォントです。 同人誌やコミックなどのセリフ文字を中心に、ぜひご使用下さい。 このフリーフォントをご使用になるには、ダウンロードファイルに含まれる 「M+FONT-TESTFLIGHT」「IPAフォントライセンス」の内容を読みください。 It is requested to read and accept “IPA Font License and M+FONT” before downloa
プロっぽくなった！フォントや「文字」に関するまとめ
作成：2013/10/28 更新：2014/10/24 Webデザイン > 先週、合同商談会があったのでバタバタとリーフレット作ったんですが、字詰めなどに慣れてなくて時間をとられました。サイトをリニューアルするときもフォントの大きさ、行間、位置などで悩んだり。今回はWebページを読みやすく、見栄え良くするために「文字」に関する知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ フォントに関する知識 １．字間 ２．行間 ３．字詰め ４．文字組 ５．ジャンプ率 ６．余白／図版率 ７．メリハリをつける ８．書体 ９．読みやすいフォントサイズ １０．見やすい文章 １１．Webフォント スライド １２．フォントに関するスライド フォントに関する知識 １．字間 字間とは文字と文字の間に生まれる空間。文章の行間・送り、漢字とひらがなの字間など文章レイアウト
続編/さらにプロっぽくなった！フォントに関するまとめ
作成：2013/11/11 更新：2014/10/24 Webデザイン > 前回フォントや「文字」に関するまとめを書きましたが、書き足りないことが結構あったので、続編を作りました。今回は自分の勉強もかねて、フォントに関する基礎知識、アキ、段組み、詰め、図版などデザインに携わるなら知っておきたい知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 文字の基礎知識 １．文字用語 組版 ２．組版(くみはん) ３．禁則処理 ４．追い込み／追い出し／ぶらさがり ５．段間 行間(レディング) ６．アキ ７．行長 ８．段組み ９．黄金比 詰め １０．プロポーショナル詰め １１．音引き １２．拗音(ようおん) １３．合成フォント 余白 １４．近接と遠隔 １５．版面（はんづら） 図版 １７．図版率 １８．訴求度 文字の基礎知識 １．文字用語 頻繁に出てくる、ちょ
WebHostingHub Glyphs
Glyph Icon Font from WebHostingHub High quality icons that are easy to use with Bootstrap, other CSS frameworks and in any web projects. They also work in desktop software such as Adobe Photoshop or Microsoft Word. They are perfect for use in mobile developement on Android or iOS devices. Icons rock when used as a font! Font gives you freedom to change icon's size, color, shadow and other things o
ダウンロードしておきたいフリーのデザインフォントのまとめ -2013年4月
最近リリースされたものを中心に、高品質なフリーのデザインフォント・タイプフェイスを紹介します。 Knubi 個人利用無料、商用利用有料。 ALEO 個人・商用利用無料。 Quant Light 個人・
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
tonsky/FiraCode: Monospaced font with programming ligatures
機械彫刻用標準書体フォント
Fira
Bindit
Freight Text Pro Font | Webfont & Desktop | MyFonts
ダウンロードしておきたいフリーのデザインフォントのまとめ -2014年1月
りんご🍏夜明けのリモートワーカー on Twitter: "このやり方知らなかったから感動した。 1.ロゴに必要なだけの文字を含んだwebフォント作る 2.base64化する 3.cssでfont-face指定にdataスキーム形式で突っ込む 4.ロゴを画像にせず、拡大してもテキストなので劣化なく表現できる"
10 Amazing Web Typekit Fonts