Glyphs Miniでアイコンフォントを作る方法 - MEMOGRAPHIX
アイコンをwebfontにするの、数年前から流行ってて、確かに便利ということがある。[Font Awesome](http://fontawesome.io/)とかが有名。 アイコンフォント、自分でも作れそうだったので作り方まとめた。 ## 用意するもの - [Glyphs Mini](https://itunes.apple.com/jp/app/glyphs-mini/id469036911?mt=12&uo=4&at=11l8Mb) - Adobe Illustrator Glyphs Miniはフォント作るアプリ。Mac App Storeで買える。 具体的な手順1.Illustratorの準備1792*1792pxのドキュメントを新規作成する環境設定 -> ガイド・グリッド で、グリッド128px、分割数2にする 「グリッドを表示（⌘+¥）」するアートボードにグリッドが14マスで
webフォントファン｜日本語webフォントwordpressプラグイン
日本語ウェブフォントでワードプレス 簡単に使えるウェブフォントプラグインの特徴 愛されるウェブページに劇的チェンジ この上のフォントはフロップデザインWEBフォントを使用 ウェブサイトのデザインは実は文字が主役です。ページのほとんどを文字が占めています。 日本語webフォントを変えるだけでサイトイメージはガラリと大きく変わります。 カンタンにワードプレスにインストール この上のフォントはうつくし明朝フォントを使用 通常のワードプレスのプラグインのようにインストールするだけの簡単設定。 上級者はCSSページで詳細にカスタマイズ設定を行うことも可能です。 ブログやウェブ制作の効率、SEOのアップ この上のフォントはスマートフォントWEBを使用 日本語webフォントなので変更の際は文字を書き換えるだけで大丈夫。 またテキストなので検索エンジンに対するSEOの向上も期待できます。 超軽い日本語ウェ
ScaleOut | Supership
「ミライリアルの幸せを、デジタルの力で創る」ことを目指すSupershipグループの社内報です。日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipグループの”Be Super”なストーリーをみんなでシェアしていきます。
Further Hardening of the Bulletproof Syntax
For context, please read our earlier post about this syntax. A potential looming problem with the new syntax we introduced earlier this month was raised by Microsoft. The soon-to-be-released IE9 comes with a feature that allows it to render in both IE7 and IE8 Modes. In these two modes, Microsoft ‘fixed’ the parser bug that affected the actual IE7 and IE8. This fix breaks the @font-face syntax for
意外と多い!? Web フォントに対応していない環境 ～2012 年の Web フォント事情
Web フォントは「Web サイトにフォントを埋め込む」ための技術です。 先日、Web フォントを使った 絶対にコピペできない文章を作ったったwwww を公開しました。多くの人に楽しんでもらえたのですが、その一方で、Web フォントが適用されなかった方から「コピペできるんだけどどういうこと？」「意味が分からない」というコメントがよせられました。 ほぼすべてのブラウザーが Web フォントに対応しているはずなのですが、一体、何が原因だったのでしょうか。 そこで、Web サーバーのアクセスログを解析して「Web フォントに対応していない環境」がどの程度あったのかを調べてみました。 ４種類のフォーマット 一口に Web フォントといっても、フォントのフォーマットは WOFF・TTF・EOT・SVG の 4 種類あります。今後は WOFF フォーマットが標準になっていくのですが、現在ではサポートし
Raleway Font Free by The League of Moveable Type » Font Squirrel
SIL Open Font License v1.10 This license can also be found at this permalink: https://www.fontsquirrel.com/license/raleway Copyright (c) 2010, Matt McInerney (matt@pixelspread.com), Copyright (c) 2011, Pablo Impallari (www.impallari.com|impallari@gmail.com), Copyright (c) 2011, Rodrigo Fuenzalida (www.rfuenzalida.com|hello@rfuenzalida.com), with Reserved Font Name Raleway This Font Software is lic
Webフォントのモリサワ TypeSquareに申し込んでシャレオツ和欧混植 | 高橋文樹.com | デザイン
おめあてのフォント（オールド明朝系）はFontPlusにしかなかったのですが、なぜか実装が上手くいかなかったのでモリサワにしました。大変後ろ向きな選択であります。 使ってみた感想 Webフォントをアイコン以外で使ったのははじめてだったんですが、なかなかいいですね。自分のブログに対するナルシスティックな思いをかき立ててくれます。 小説を書き始めた頃、自分の書いたものを印刷すると、それだけで高級ななにかができあがったような気分になったものですが、その頃の気持ちを思い出しました。以下、感想です。 1. 速度面 日本語のまともなフォントは字数が多い（15,000字〜）ので、5MBぐらいあります。これを読み込ませるのは無茶だろうということで、どのWebフォントサービスも次のような流れでフォントの読み込みを処理します。 まず、JSを読み込み。必要なフォントの種類をCSS解析で決定。 続いて、対象となる
ScaleOut | Supership
「ミライリアルの幸せを、デジタルの力で創る」ことを目指すSupershipグループの社内報です。日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipグループの”Be Super”なストーリーをみんなでシェアしていきます。
Chip Cullen
Blog Posts February 6, 2024 In praise of the switch statement A tutorial on how to use an underused tool in Javascript - the switch statement. January 23, 2024 Project stuck? Think about how you’re breaking it down & question everything If you find yourself in the middle of a project that doesn’t seem to be moving forward - take a step back and question everything. January 22, 2024 So how did the
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
M+Web FONTS Subsetter
Font Library
Webフォントをできるだけ軽く表示する圧縮の.htaccessや遅延ロードJSを作ってみた | 初代編集長ブログ―安田英久