[B! webfont] mura24のブックマーク

ScaleOut | Supership

「ミライリアルの幸せを、デジタルの力で創る」ことを目指すSupershipグループの社内報です。日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipグループの”Be Super”なストーリーをみんなでシェアしていきます。

mura24 2014/11/13

リンク

ScaleOut | Supership

「ミライリアルの幸せを、デジタルの力で創る」ことを目指すSupershipグループの社内報です。日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipグループの”Be Super”なストーリーをみんなでシェアしていきます。

mura24 2014/04/03

リンク

あなたは見分けられる！？定番フォント代わりに使えるGoogle Fonts 27書体 | WebNAUT

※この記事は2014年1月6日に執筆された記事です。現在は内容が異なる可能性があります。あけましておめでとうございます！定番フォントを愛してやまない、デザイナーのタカハマです。今月からTypeSquareの「MORISAWA PASSPORTプラン」が始まるようで、国内サイトでもWebfontの使用が一気に増えそうですね！そこで今回は、WebNAUTでも使用しているWebfontサービス「Google fonts」から、定番フォントの代わりに使えそうな書体をリストアップしました。定番フォントをカタチ別にピックアップ今回は定番フォントの偏りを防ぐために、誠文堂新光社「ABCのみほん〜かたちで見分けるフォントガイド〜」を参考に次のようなカテゴリで分類させて頂きました。 Historical Script 歴史的書体 Serif セリフ書体 Hybrid ハイブリッド書体 Sans Se

mura24 2014/01/06

リンク

Webフォントをできるだけ軽く表示する圧縮の.htaccessや遅延ロードJSを作ってみた | 初代編集長ブログ―安田英久

mura24 2013/12/11

リンク

CSSサンプル集

.play { color: #ffba16; font-family: 'FB Condor Bold', sans-serif; font-size: 100px; letter-spacing: 0.2em; padding: 10px 0; -moz-transf orm: skew(-25deg) rotate(5deg); -ms-transf orm: skew(-25deg) rotate(5deg); -webkit-transf orm: skew(-25deg) rotate(5deg); transf orm: skew(-25deg) rotate(5deg); text-shadow: 0 1px #ff9b0d, 1px 0 #f79100, 1px 2px #ff9b0d, 2px 1px #f79100, 2px 3px #ff9b0d, 3px 2px #f79

mura24 2013/09/04

リンク

デザイナーなら知っておかないと損するGoogleWebフォント特選10個 | Find Job ! Startup

現在、欧文を中心に600以上の書体が選べるGoogleWebフォント。これだけ数が多いと、どれを選べばいいのか日本人の私たちにはよく分かりません。今回は、全世界で最も使われている人気のGoogleWebフォントを10個厳選してお届けします。海外向けのサイトを作る際にはハズせない、日本向けサイトを作る際にもアクセントとして使いたい、とっておきのGoogleWebフォントを集めました。 GoogleWebフォントを使うメリット GoogleWebフォントを使うと、こんなにもたくさんのメリットがあります。 SEO対策になる修正が簡単に行える選択してコピペできる拡大縮小・高解像度画面（Retina Displayなど）でもボケない使わない手はありません。 GoogleWebフォントの使い方使い方に関しては、OZPAさんのブログが詳しいです。参考にしましょう。今さらながらWe

mura24 2013/06/20

リンク

ゆめいろデザイン｜ブランドマネージャー・Web/UX/UIデザイナー・デザインコンサルタントヒガシナオヤ

いくつかの対応アイコンフォントがありますが、カスタムアイコンを使うときの注意です。できるだけベースのフォントサイズが同じアイコンを使うことをおすすめします。ベースのフォントサイズが違うアイコンフォントを複数組み合わせると、サイズによってあまりきれいではないものもありますので注意する必要があります。今回、自作のアイコンフォントも使いました。そこで、アイコンフォントを作るときに注意することを挙げてみます。データはSVG形式で保存。画角は、できるだけ1対1に近いサイズで作る。3:1などのサイズで作らないほうが無。サイズは480px×480pxで作成。色は白黒の2色で作成。パスファインダーなどを使って、塗りがあるパスが重ならないようにする。重なるとどちらかの色になってしまうので注意。フォントはアウトライン化しておく。アートボードから要素をはみ出させない。

mura24 2013/03/13

リンク

TypeTalks第10回「もっと知りたい！Webフォント」

2012年5月12日に青山ブックセンター本店で開催された欧文書体セミナーTypeTalks第10回「もっと知りたい！Webフォント」のスライドです。・・・【追記1】スライド10の「Arialは何と呼ぶ？」は、日本においてArialは色々な呼び方が流通しているという蛇足話で、正しい読み方を追求する意図はありません。統計データは当ブログのFacebookページで皆さんに行ったアンケート結果です。スライドのペラ1画像がひとり歩きしてしまっているため、この場で補足いたします。【追記2】スライド62の「OpenTypeフォント機能に対応するブラウザ」は、現在Chromeも対応しています。・・・ 1. Webフォントとは？ 1-1. Webで使えるフォント 1-2. Webフォントサービス 1-3. 利用者にとってのメリット 1-4. 制作者にとってのメリット 2. Webフォントの今 2-1

mura24 2012/08/15

リンク

もうアイコン画像はいらない！ Webフォントを使って、iOS風タブバーとアイコンを作成する方法

最近話題になっていたこちらのサイトがとても便利です。 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 －

mura24 2012/07/11

リンク

Browse Fonts - Google Fonts

Making the web more beautiful, fast, and open through great typography

mura24 2012/05/07

リンク

文字を制限した軽量な日本語 Web フォントを作成する方法 - てっく煮ブログ

HTML5最近、Web フォントをつかってかっこいい表現をしているサイトも増えてきました。ただ、残念ながら日本語で Web フォントを使うのは厳しいのが現実です。というのも、日本語には英数字・ひらがな・カタカナ・漢字・記号・・・など必要になる文字数が多すぎるため、フルスペックの日本語の Web フォントはファイルサイズがすごいことになりそうです。そこで、「利用したい文字だけを含んだ Web フォントをその都度作ればいいんじゃね？」ということを考えてみました。アイデア自体は珍しいものではなく、例えばデコもじというサービスは同じようなことをやってくれるようです（ただし、無料では「書体 1 つまで」「5 文字まで」など機能制限が大きい）。手始めに日本語 Web フォントを作ってみるまずは簡単に日本語 Web フォントを作る方法を紹介しておきます。無料で公開されているフォントの中にも、フォン

mura24 2012/04/19

リンク

合コン失敗したら風俗

女子大生がたくさん働いているデリヘルのサービス。深夜でも使える風俗として、自分の暮らしを豊かにしてくれているデリヘルです。有名大学に通う女性を指名した今回は、思い出しただけでも興奮が甦ってくるほど。素股の気持ち良さは挿入を超えるくらいの感覚でした。その秘密は敏感なクリにあります。素股をするとどんどん刺激されてクリが固くなり、それが亀頭に当たって気持ち良い。相手も擦れて気持ち良いという相乗的な魅力に浸るのが、今までの風俗史上最高の体験になったのです。素股はぎこちなさもあるのですが、それでも密着度が高くてアソコへの刺激は十分すぎるほど。途中で耐えることを諦めていれば、きっとサービスから半分も消化しないうちに果ててしまっていたと思います。しかし、僕は風俗MASTERです。そんなことできません。キスも大好きらしく、クンニをした後でも何度となく「チューしてほしい」とお願いされたので、舌を絡めてじっく

mura24 2012/02/24

リンク

Webフォント TypeSquare

UD新ゴ M Webフォントは新たな表現力を提供する文字が伝えるものは言葉の意味だけではなく、用いられる書体によりその印象は大きく異なります。ウェブデザインにおいて、さまざまな書体の中から目的に合った Webフォントを選び出し、的確に使うことが必要になります。リュウミン R-KL Webフォントは新たな表現力を提供する文字が伝えるものは言葉の意味だけではなく、用いられる書体によりその印象は大きく異なります。ウェブデザインにおいて、さまざまな書体の中から目的に合った Webフォントを選び出し、的確に使うことが必要になります。 A1ゴシック M Webフォントは新たな表現力を提供する文字が伝えるものは言葉の意味だけではなく、用いられる書体によりその印象は大きく異なります。ウェブデザインにおいて、さまざまな書体の中から目的に合った Webフォントを選び出し、的確に使うことが必