Web fonts are awesome. They make your sans-serifs slabby, your headers special and your website look gorgeous. But fonts are a resource, and downloading resources…
![Monica Dinculescu on Fontastic Web Performance at SmashingConf Barcelona 2017](https://cdn-ak-scissors.b.st-hatena.com/image/square/ebdaf4aba785a931d89e76fbcce7adf475423b3b/height=288;version=1;width=512/https%3A%2F%2Fi.vimeocdn.com%2Ffilter%2Foverlay%3Fsrc0%3Dhttps%253A%252F%252Fi.vimeocdn.com%252Fvideo%252F664641743-88b46b54f39b027860b311384ed7317d032a741091294e74964fc8317714896d-d_1280x720%26src1%3Dhttps%253A%252F%252Ff.vimeocdn.com%252Fimages_v6%252Fshare%252Fplay_icon_overlay.png)
最近、Web フォントをつかってかっこいい表現をしているサイトも増えてきました。ただ、残念ながら 日本語で Web フォントを使うのは厳しいのが現実です。 というのも、日本語には英数字・ひらがな・カタカナ・漢字・記号・・・など必要になる文字数が多すぎるため、フルスペックの日本語の Web フォントはファイルサイズがすごいことになりそうです。 そこで、「利用したい文字だけを含んだ Web フォントをその都度作ればいいんじゃね?」ということを考えてみました。アイデア自体は珍しいものではなく、例えば デコもじ というサービスは同じようなことをやってくれるようです(ただし、無料では「書体 1 つまで」「5 文字まで」など機能制限が大きい)。 (追記) このような軽量フォントを作成することを「サブセット化」というようです。 手始めに日本語 Web フォントを作ってみる まずは簡単に日本語 Web フ
Index of /webfonts NameLast modifiedSizeDescription Parent Directory - basic_latin/2018-02-01 18:45 - general-j/2018-02-01 18:45 - multi_latin/2018-02-01 18:45 - sample-j/2017-11-01 11:46 - Apache/2.4.10 (Debian) Server at mplus-fonts.osdn.jp Port 80
アイコン形式になったWebフォントを集めてみました。これだけ色々揃うと画像を使う場面も減ってくるかもしれませんね。 @font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('webfont.woff') format('woff'), /* Modern Browsers */ url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('webfont.svg#svgFontName') format('svg'); /* Legacy i
There's a new version of these fonts! We put together a new icon font with a more consistent look and a ton of new icons. Get the New Foundation Icons Custom icon sets that are stored in a handy web font and are coded to be more accessible. A couple lines of CSS and the right markup will get you going in no time. We designed the glyphs to be refined enough to stand alone as a simple icon, but left
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く