タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

htmlとfontに関するyanwariのブックマーク (3)

  • TypeKit で広がる Web デザインの可能性

    今年の 5月頃に発表されて、@font-face 時代の幕開けだぜと期待をふくらませていた Web サービス、「TypeKit」 が正式に公開され、誰でも使用できるようになりました。TypeKit は、権利問題をクリアした多くのフォント一覧から自分の好きなフォントを選んで、簡単なソースコードを Web ページに埋め込むだけで @font-face によるフォントの指定が行えるようになるサービス。今までフォントの関係から画像で処理していた部分をテキストデータとして処理しつつある程度自由にフォントを選べるので、デザイナーにとっては表現の幅が広がるのではないでしょうか? 今年の 5月頃に発表されて、@font-face 時代の幕開けだぜと期待をふくらませていた Web サービス、「TypeKit」 が正式に公開され、誰でも使用できるようになりました。 Typekit is live : The

    TypeKit で広がる Web デザインの可能性
  • Typekit —大本命ウェブ・フォント・クラウド

    ウェブサイトで自由にフォントを使用可能にしてくれるサービス、Typekit が昨日正式にサービスインしました。 まず見てもらいたいのが上の画像。Typekit のホームのスクリーンショットの一部なんだけど、オランダとフィンランドを拠点にするイケてるデザインスタジオ Underware の代表的な見出し書体 Bello 。画像だと「だからどうしたの?」って感じだけど、実際のサイトはテキストとして表示されてます。 そもそも技術的にそんなことが可能になったのは、CSS3 に @type-face というルールが追加され、必要に応じて自動的にフォントをダウンロードして表示するというウェブデザイナー悲願の仕組みがメジャーなブラウザのサポートされるようになったからなんだけど、とは言えまだなかなか普及には至ってないのが現状。その理由は大きく二つ。 ライセンス上、サイトオーナーは商用フォントを勝手に公開出

  • サイトに使用するフォントのCSSを選ぶ際に役立つ「CSSTYPE」:phpspot開発日誌

    CSSTYPE - web safe typography on screen for pixel perfectionists サイトに使用するフォントCSSを選ぶ際に役立つ「CSSTYPE」。 次のようなUIが用意されていて、フォントやサイズを選択すればすぐさまプレビューされ、確認を簡単に行うことが出来ます。 このサイトを知っておくことで、サイト構築時のフォントの表示調整にかなり役立ちそう。 確認できるのは、font, font-size, text-decoration, word-spacing, line-height, letter-spacing, text-align, color, background, width, padding, text-indent, button-text。 次の図は、実際のプレビュー画面。 letter-spacing とか line-h

  • 1