アイコンフォントを作ったのでオープンソース化して GitHub と npm に公開しました | WP-E (仮)
こんにちは。EXP ひのたんです。 最近アイコンフォントを作って GitHub と npm で公開したのでその紹介記事です。 feathericon Web サイト: http://feathericon.com/ GitHub: https://github.com/featherplain/feathericon npm: https://www.npmjs.com/package/feathericon 名前は私の Web 上のハンドルネームである「featherplain (フェザープレイン) 」と icon を合わせた 「feathericon (フェザリコン) 」です。 アイコンフォントと言えば Font Awesome や GitHub の Octicons のアイコンフォントの巨人がすでに存在します。Web フォント化していなくとも、「vector free icons」
SVGでプログラマブルな書体を作る話｜dwango creators' blog（ドワンゴクリエイターズブログ）
こんにちは、2016年度にデザイナー職で新卒入社しました@Ln_northです。新卒研修も終わり、現在はOJTのもとで生放送チームにジョインしています。 さて、Googleのロゴが変わっていくらか経ちますが、このロゴはSVGを使うと少ないデータ量で表現できるというニュースが話題になりました。 この記事を見た際に、厳密には視覚調整が入るはずなので、正確に幾何的図形とは一致しないだろうという感想も抱きました。しかし、SVGで文字を生成するということには非常に興味を持ちました。今までにも、文字のアウトラインを使ったアニメーションや表現はありましたが、文字自体を生成するというものは見たことがなく、そしてSVGはJavaScriptで操作することができるため、書体の印象が動的なフォントを作ることができると考えたからです。 どういうことかというと、例えば であるとか、 といったことができるかもしれない
合コン失敗したら風俗
女子大生がたくさん働いているデリヘルのサービス。深夜でも使える風俗として、自分の暮らしを豊かにしてくれているデリヘルです。有名大学に通う女性を指名した今回は、思い出しただけでも興奮が甦ってくるほど。素股の気持ち良さは挿入を超えるくらいの感覚でした。その秘密は敏感なクリにあります。素股をするとどんどん刺激されてクリが固くなり、それが亀頭に当たって気持ち良い。相手も擦れて気持ち良いという相乗的な魅力に浸るのが、今までの風俗史上最高の体験になったのです。素股はぎこちなさもあるのですが、それでも密着度が高くてアソコへの刺激は十分すぎるほど。途中で耐えることを諦めていれば、きっとサービスから半分も消化しないうちに果ててしまっていたと思います。しかし、僕は風俗MASTERです。そんなことできません。キスも大好きらしく、クンニをした後でも何度となく「チューしてほしい」とお願いされたので、舌を絡めてじっく
【前編：フォント作成】アイコンをWebフォント化してリクエスト数の削減とRetina Displayに一発対応 | DevelopersIO
みなさんこんにちは、高速化やSCSSの記事を書いている野中です。 ↑の絵が何かわかる人いますか？ マインクラフト(Minecraft)界隈でおなじみの愛されキャラ「匠」こと「クリーパー」さんです。 とっても長い前振りなので時間のない方は本題まですっ飛ばしてください。 マインクラフトとは わかりやすく解説されているニコニコ大百科を引用。 Minecraft（マインクラフト）とは、Notch（Markus Persson氏）と氏の会社であるMojangからリリースされた、サンドボックス型のものづくりゲームである。 レトロゲーを想起させるドットテイストの3Dブロックが溢れる世界で、建物やその他のものを自由に創造することが出来るゲーム。 家を作ったり、川を作ったり、山をつくったり、洞窟を作ったり、トロッコ坑道を作ったり、ゾンビを倒すためのトラップを作ったり、塔を作ったり、農場を作ったり、天空の城を
OTEditでちょっとしたOTF外字を作成する - 名もないテクノ手
SING亡き現在、ちょっとした外字を作成するのに使われるのが武蔵システムさんの「OTEdit」です。 OTEdit for Mac たまにしか使わないので、備忘録のためのメモ^^ というか、マニュアル読み直したくない人のためのアンチョコ。 【準備】Illustratorで字母をつくる OTEdit自体にも、パス編集機能が備わっていますが、手に馴染んだIllustratorを使った方が効率がよいでしょう。 １）1000px正方のドキュメントを新規作成します。 ※もし、英数字などのプロポーショナルなものを作成したい場合は、横幅を調整してください。 ２）ドキュメント上に字母を描きます 1000px分のアートワークは最大ボディなので、少し小さめに描いてください。 ３）フォントや文字をアウトライン化します 位置などを微調整して、フォントをアウトライン化しておきます。太さをもった線があれば、オブジェク
解放新聞による在特会関連の虚報について - 在日特権を許さない市民の会 - ニュース
SLOT88 Situs Judi Slot Online Gacor 100% Jackpot Hari ini Hadir sebagai situs judi slot online terbaru, SLOT88 saat ini menjadi salah satu pilihan bagi para penikmat permainan judi online yang ada di seluruh Indonesia. Ini semua karena permainan yang disediakan begitu seru dan mengasyikan, game slot online juga sangat mudah di akses dan dimainkan kapan saja hanya melalui HP berbasis android dan io
選んだ文字だけをSVG Fontsにまとめる·Fontomas MOONGIFT
FontomasはWebブラウザ上で任意のアイコンだけのSVG Fontsを作成できるソフトウェアです。 Web Fontsを使うと画像を使わずに素敵なフォントをオンライン上で使えます。しかしフォントを読み込むために転送量が大きくなってしまうのが欠点です。そこで使ってみたいのがFontomasです。SVG Fontsを使って自分で選んだアイコンだけをWeb Fonts化できます。 様々なアイコンフォントが並んでいます。自由に選んでいきます。 さらに色々なアイコンがあるので適当に選びます。 アイコンサイズを変更することもできます。 選んだものだけが抽出されます。 SVGが出力されました。これを使えばWebフォントとして使えます。 保存ダイアログです。 Fontomasを使えばフォント全てを読み込まずに選んだものだけを使えるようになります。そのためサイズが小さくなるのが利点です。また、複数のソ
» ドローソフトでデザインしたグリフの読み込み方 (2) mshio's blog
前回は、FontForge に読む込むためのファイル形式の話と、実際に読む込むための操作手順について書きました。 しかしグリフの数というものは、もとより 1 つや 2 つで済むものではありません。日本語フォントともなれば、ずいぶん多くのグリフを扱わねばならず、それをいちいちマウスで手順どおりやるとなると、FontForge に読み込むだけでも手間になります。 このような大量の定型処理に便利なのが、プログラムによる自動処理です。FontForge には、スクリプトで操作できるようなインターフェイスが用意されていますから、もしこれを使ったらどうなるか、というのを今回書いてみたいとおもいます。 FontForge のスクリプトは、C 言語とシェルスクリプトの中間みたいな独自言語と、Python が用意されているようです。私は個人的に Python が多少使えますので、Python でやってみまし
mieki256 wiki - フォント作成手順
Last modified:2007/07/02 17:48:02 Keyword(s):[font] [inkscape] [fontforge] References: Referer | 122 | 68 | 48 | 44 | 31 | 21 | 15 | 11 | 10 | 9 | 9 | 8 | 6 | 6 | 5 | 5 | 4 | 4 | 4 | 4 | 4 | 4 | 4 | 4 | 4 | 4 | 4 | 4 | 4 | 4 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 3 | 2 | 2 | 2 | 2 | 2 | 2 | 2 | 2
フォント – SVG 1.1 （第２版）
20 フォント 目次 20.1 概要 20.2 SVG フォントの概観 20.3 ‘font’ 要素 20.4 ‘glyph’ 要素 20.5 ‘missing-glyph’ 要素 20.6 グリフ選択規則 20.7 ‘hkern’ 要素と ‘vkern’ 要素 20.8 フォント記述 20.8.1 フォント記述の概観 20.8.2 フォント記述を与える２つの方法 20.8.3 ‘font-face’ 要素 20.8.4 ‘font-face-src’ 要素 20.8.5 ‘font-face-uri’ 要素と ‘font-face-format’ 要素 20.8.6 ‘font-face-name’ 要素 20.9 DOM インターフェース 20.9.1 インターフェース SVGFontElement 20.9.2 インターフェース SVGGlyphElement 20.9.3 インター
Fonts - SVG 1.1 - 20030114
20 フォント 目次 20.1 概要 20.2 SVGフォントの概観 20.3 'font' 要素 20.4 'glyph' 要素 20.5 'missing-glyph' 要素 20.6 グリフ選択規則 20.7 'hkern', 'vkern' 要素 20.8 フォント記述 20.8.1 フォント記述の概観 20.8.2 フォント記述を与える２つの方法 20.8.3 'font-face' 要素 20.9 Font モジュール 20.10 基本 Font モジュール 20.11 DOMインターフェース 20.1 Introduction 20.2 Overview of SVG fonts 20.3 The 'font' element 20.
SVGフォントでIVSを表示するテスト - Ryusei’s Notes (a.k.a. M59のブログ)
SVGフォントでIVSが表示できれば幸せになれるんじゃないか。 手順 1. IVS対応フォントの入手 とりあえずテストのためグループ:IVSテスト - GlyphWikiを使う。 2. FontForgeでSVGフォントの出力 ダウンロードしたttfフォントを開いてSVGフォントとして出力、で済めばよかったのだけれども、使っているfontforge 20090923だと修正が必要みたい。 具体的には 「<glyph glyph-name="u10C000" unicode="丈" unicode="󠄀" 」と出力されているので(たぶんバグ)、「<glyph glyph-name="u10C000" unicode="丈󠄀" 」に修正。「;" unicode="」を「;」に置き換えする。 「<svg>」を「<svg xmlns="h
20 Dingbat Fonts That Are Actually Useful
24 Comments These rock! Thanks for posting! Dingbats? Wouldn’t of expected to see these mentioned, still a great collection though. i…. wow dingbats uh? this is something different and worth looking into. very interesting, thanks =p I love dingbats! Thanks! Thanks for the great fonts! Thanks for the fonts – they’re great! really cool. they are g8. Nice list of Dingbats. Thank you for sharing. Anot
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to make your own icon webfont
User Defined Characters and SVG Fonts