Three.js TextGeometry （3Dテキスト表示） - Three.jsを使って、作ってみた
今回は、Three.jsの「TextGeometry 」について書きます。 こちらは、3Dのテキストを表示させることができるジオメトリ （形状）です。 こんなのが表示できます。 横から見ると、 こんな感じです。 TextGeometryを使用するには、気をつけることが、一つあります。 TextGeometryを使うには、typeface.js形式のフォントファイルを読み込む必要があります！ typeface.js形式のフォントファイルは、Three.jsダウンロードフォルダ内の examples/fonts/〜typeface.js にあります。 6,7種類あると思います。 で、Three.jsのファイル読み込み後に、 <script src="helvetiker_bold.typeface.js"></script> を追加してください。今回は、helvetiker_bold.type
Web Icon Fonts | chibatch.jp
Web Icon Fonts Webフォントで使えるアイコンセット。IE8以下では使えないです。iOS4.1以下も多分見られない。 _Download(35KB) @font-face{ font-family: 'WebIconFonts'; src: url('WebIconFonts.woff') format('woff'), url('WebIconFonts.ttf') format('truetype'); } .icon { font-family: WebIconFonts; } Arrows !Back! 1Back1 #Forward# 3Forward3 $Up$ 4Up4 %Down% 5Down5 &Done& 6Done6 'Close' 7Close7 (Plus( 8Plus8 )Minus) 9Minus9 Social Networks AAmazon
M+ WEB FONTS
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
labcss - create & experiment
Configuration On-the-fly rendering Shortcut Keys Ctrl+S - Save Ctrl+R - Run New Document Template: Frameworks Google Fonts CSS Selector Assigned CSS properties labcss was created to help people who don't know CSS very well, and who don't want to spend the whole day searching the internet and refreshing the browser to make their elements look exactly how they want. labcss allows to play around with
TypeKit で広がる Web デザインの可能性
今年の 5月頃に発表されて、@font-face 時代の幕開けだぜと期待をふくらませていた Web サービス、「TypeKit」 が正式に公開され、誰でも使用できるようになりました。TypeKit は、権利問題をクリアした多くのフォント一覧から自分の好きなフォントを選んで、簡単なソースコードを Web ページに埋め込むだけで @font-face によるフォントの指定が行えるようになるサービス。今までフォントの関係から画像で処理していた部分をテキストデータとして処理しつつある程度自由にフォントを選べるので、デザイナーにとっては表現の幅が広がるのではないでしょうか？ 今年の 5月頃に発表されて、@font-face 時代の幕開けだぜと期待をふくらませていた Web サービス、「TypeKit」 が正式に公開され、誰でも使用できるようになりました。 Typekit is live ： The
マンガのような個性的なフォント40選 | バシャログ。
まさゆきの地図を手に入れたけど15階まで降りられない kimoto です。 もうちょっと弱い場所でレベル上げするか… 海外のサイトで、マンガで使われそうな、個性的なフォントがたくさん紹介されていました。 一部をご紹介します。 Burrito なんとなくメキシカンな感じのするフォント。アミーゴ！ Fighting Spirit なんとなく攻撃的な雰囲気なフォント。その名もファイティングスピリッツ！ Eyesis それぞれに目玉のついた、コミカルなフォント。 Chizzler すこしカッチリして、かつ漫画的。好きだなー。 その他、こちらでたくさん紹介されています。 どれも使いどころは限られますが、うまく使えば個性が出ること間違いなしです。
ハイクオリティなフリーのデザインフォント -HVD Fonts
HVD Fontsからハイクオリティなフリーのデザインフォントを紹介します。「Still Free」もあるので、ダウンロードはお早めに。
無料でダウンロードできる洗練されたフリーフォントあれこれ
有料のフォントにはデザインの美しいものが多く揃っていますが、無料でダウンロードできるフリーフォントでも洗練されたデザインのものは多くあり、中には商用で使うことが可能で、使い勝手も良いものがあったりします。 基本的にアルファベットのみとなりますが、ここぞというときのインパクトや、全体の雰囲気をまとめておきたいときなどの使える良いフォントが多くあります。 各フォントの詳細は以下から。各フォントのライセンスについてもわかる範囲でメモしておきました。30 high-quality free fonts for professional designs | Design daily news ■その1：Miso 2006年にMarten Nettelbladt氏によって作成されたフォント。light・regular・boldの3種類のウェイトが揃っており、TrueTypeとOpenTypeの2種類が
すごく良い感じの英文フォントいろいろ:phpspot開発日誌
35 Free Fonts to Enhance Your Designs | Fonts | instantShift すごく良い感じの英文フォントいろいろが紹介されていたので一部ご紹介。 フォントに関しては、いくら紹介してもしきれないほどのフォントが存在し、日々生まれていますね。 Sketch Rockwell このスケッチ感、すばらしいですね。手書き風のかわいいデザインに使えそう Quicksand すっきりしていて綺麗なフォント。汎用に使えそうです。 Sansation こちらもスッキリして読みやすい綺麗なフォント。 Evolution True Type どこかで見たようなちょっと個性の強いフォント。 全部見る ますます、私のディスクを圧迫しそうです。 関連エントリ フリーフォント大量配布/紹介サイトいろいろ 萌え系フォントのまとめ 美しいフリーフォント45セット 女性の書いたよ
ページの文字列を動的に好きなフォントで画像化する仕組み:phpspot開発日誌
An alternative to sIFR: Facelift Image Replacement | Breathe new life into your web pages ページの文字列を動的に好きなフォントで画像化する仕組み。 サイトを作っていて、ここは画像にしてカッコよくしたい。でも画像を作るのは面倒。という場合に、JavaScriptを使って一瞬で、好きなフォントで画像化できる仕組みが公開されました。 JavaScript関数によって文字列を画像化する部分と、サーバサイドでPHPで画像を作る部分の仕組みがダウンロードできます。 関連エントリ 自サイトの画像の保存をプロテクションする仕組み
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Noto Fonts_Noto Sans CJK JP（Googleの日本語フォント）
TechCrunch | Startup and Technology News
Create Your Own @font-face Kits » Font Squirrel
Designoob デザイナーが持っておくべきグランジフォント 20+
新着記事
新着記事
新着記事
商用利用可のエレガントなOpenTypeのフリーフォント -Juvelo
ガレージセールに使えそうな手書き風フリーフォント:phpspot開発日誌