2013年11月8日、JPタワー(東京・丸の内)で開催されたCREATE NOW / PLUS ONE DAYの「画像をなるべく使わずにWebをレイアウトするテクニック」セッションのスライドです。 http://adobe-createnow.jp/eventRead less
1ヶ月ぶりの記事になってしまった!お久しぶりです. motion-fontawesomeというgemsを作ったので宣伝がてらエントリー書きます! Retina環境の増加 Retina iPhone/iPadはかなり普及したんじゃないでしょうか? ちょっと何か作るのにTabBarやToolbarのアイコンをいちいち探すのが面倒で,GlyphiconsのFREEを使っていたりしたんですが,非Retinaで荒いし他のアイコンを探そうとすると種類が少なかったり,Retinaじゃなかったりで面倒くさいことこの上ないです. (そもそも無料で探してるのが悪かったりするんですけど) そこでFontAwesomeというWebfontを使うと便利です. FontAwesomeとは 元々はTwitter Bootstrapで使えるようにデザインされたアイコンフォント集です. フォントなので拡大縮小しても荒くなら
最近話題になっていたこちらのサイトがとても便利です。 Fontello – http://fontello.com/ 使いたいフォントを選択します。 ここでは、「Entypo」フォントから5つ選択します。 選択が終わったら、上部のタブから「Edit codes」をクリックします。 アイコン画像の上部のバーをクリックして、アイコンに割り当てる文字列を決めます。 英語で頭文字を取るとか、abc~とかにするとかですかね。 文字列の指定が終わったら、フォントファイルのダウンロードを行います。 サイト右上にある「Download webfont(n)」をクリックしましょう。 「fontello-xxxxxxxx.zip」がダウンロードされます。 解凍して中身を見てみましょう。 fontello -cssフォルダ -icons.css -icons-codes.css -icons-ie7.css -
html5先日公開した 絶対にコピペできない文章を作ったったwwww はおかげさまで好評だったようで嬉しい限りです。「不思議!」「どういう仕組みなんだ?」という声も多かったので裏側を紹介します。コピペできない訳ではないタイトルは「コピペできない」としていいますが、実際にはコピペはできます。正確に表現すると「コピーすると違う文字になる」という状態になっています。 ではなぜ違う文字になるのでしょうか。結論をいってしまうと「そこにある文字が、人間の目に見える文字とは違う」からです。といっても、これでは分からないですね。今回のために作成された独自フォントトリックの肝は「フォント」です。フォントといえば、文字の見た目を変えるために利用するものです。たとえば、「ほ」という文字を「メイリオ」フォントで表示するとこうなります。フォントを変えて「HG創英角ポップ体」フォントで表示すると、ポップな雰囲気になり
サイトやブログでは文字が情報を伝えるための大きな手段です。特に画像でアピールする際にインパクトがある美しい文字フォントは大きなインパクトになります。画像編集ソフトがあっても『望みどおりのフォントがない!』そんな悩みを無料でダウンロードできるフォントで解決しましょう! パソコンにはあらかじめ多くの文字フォントが挿入されていますが、 『なんだかあんまり冴えないなあ…』と、フォント選びに悩んでいませんか? まあweb上には無数にフォントが落ちていますから、 そういったネットサーフィンが得意な方もいらっしゃると思いますが… とにかく面倒くさい! そこで今回ご紹介するのは天下のGoogleが展開するフォント無料配布サイトです。 200以上のフォントが収集できるGoogle Web Font さて、『グーグルウェブフォント』は、 フォントを簡単に収集できるGoogleの新サービスです。 その数はざっと
Webフォントに関して調べ物をしたので 個人的なメモ。少し利用頻度があがって 来たので探しやすいようにまとめておき ます。まだちょっと使い慣れてないので もう少し勉強しないとダメですね・・ スマフォ向けのリソースもあります。 というわけでWebフォントに関するメモです。以前触りだけしか書かなかったのでもう少し深く調べておこうと思い記事にしました。ので、過去の記事と結構重複します。 最低限の知識最低限かどうか分かりませんけどw 少し不明瞭な点もありますので間違いがあればご指摘頂けると幸いです。 ライセンスまずライセンスですが、通常、Webフォントとして利用するには当然フォントの著作者次第になります。 Webフォントとして使うにはサーバーにフォントファイルをアップロードしてcssでファイルのパスを指定して利用するので、フォントファイルが誰でも手に入れられてしまう事になります。(アイコンなんかも
お使いのブラウザではご覧いただけません お手数ですが、最新の対応ブラウザ(Chrome/Edge/Firefox/Safari)にて再度ご覧ください。
でInconsolataだけが紹介されているので、おまけ情報を少々。 Inconsolataというのは、Windows Vista/7 に標準で付属しているConsolasフォントに感銘を受けた作者がConsolasを意識して作ったフォントです。 ConsolasのほうはVista/7だけでなく、Visual Studioに付属してたりもします。一応、こちらからダウンロードもできるようです。 Download: Consolas Font Pack - Microsoft Download Center - Download Details Windows(少なくとも7では)ではConsolasのほうがより(ClearTypeの効きが)綺麗だと思います。というか、InconsolataはWindowsだとどうも今一つ…、ただMacやLinuxではWindowsでのConsolasと同じくら
デコもじは2016年11月30日(水)をもちましてサービスを終了致しました。 デコもじをご利用中の会員様におかれましては、サービス終了日をもちましてフォントの配信が終了となり、有料プランをご利用の場合はサービス終了日をもちまして課金が停止されております。 ※フォント配信は終了となりますが、Webサイト上に設置した JavaScript コードは会員様ご自身で削除をお願いいたします。 これまで長らくデコもじをご愛顧いただき、誠にありがとうございました。今後もシーサー株式会社の各種サービスのご愛顧のほどよろしくお願いいたします。
Webフォントが一般に広まった全盛期には国内外含め様々なWebフォント配信サービスが登場しましたが、まさに戦国時代そのもので、数年後には多くのサービスが終了となってしまいました。 2023年現在、利用されているWebフォントサービスをまとめてみました。 Google Fonts 完全無料で誰でも利用可能ということもあり、現在一番利用されているGoogle Fonts。定番のNoto Sans以外にも、ZEN 角ゴシックやBIZ UDゴシックなど、プロ仕様の日本語フォントも使えます。デスクトップ用のフォントもダウンロード可。 Adobe Fonts Adobe Creative Cloud契約者なら誰でも使えるAdobeのフォントサービス。かつてはTypekitの名でサービス展開されていました。完全に日本語化され昔に比べるととても使いやすくなりました。デスクトップ用のフォントもダウンロード可
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く