[B! font][css3] ms0924のブックマーク

ms0924 id:ms0924

fontとcss3に関するms0924のブックマーク (6)

[CSS]Web制作者が知っておきたい、Webフォントを快適に表示するCSSの新しいプロパティ「font-display」
Webフォントを使用しているサイトやブログが増えてきました。そして、近日アップデートされるChrome 60では、Webフォントの使い勝手を向上する「font-display」プロパティがいよいよ正式に実装される予定です（参考: Chromium）。追記: さきほどChrome 60がリリースされました。 Webフォントを適用したテキストが読み込み時に一瞬表示されない現象があり、今まではJavaScriptで対応していた人、仕様だとあきらめていた人は、このfont-displayを積極的に取り入れるべきだと思います。 font-display for the Masses 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。ブラウザでフォントが読み込まれる仕組み font-displayプロパティとはほとんどの場合、swapを使
ms0924 2018/01/02
font

webfonts

css3
リンク
Loading...
ms0924 2015/07/07
font

css3
リンク
CSS3のWeb Fontを使ってみたよ。 | Ginpen.com
英語だけですが……、Google web fontsのリソースとGoogle Font APIを使うと、簡単にWeb Fontを使って、文字のまま装飾する事ができます。 Web Fontって？ CSS3で追加される機能で、サーバーに置いたフォントを使ったデザインを作れるようになるものです。今までもフォントを指定することはできましたが、利用者のマシンにそのフォントがインストールされていないと無意味でした。Web Fontは指定のフォントファイルをダウンロードさせる事になるので、誰が見ても同じフォントで表示されるようになります。ファイルのダウンロードが必要ってのがネックですね。日本語の場合は英語と違ってファイルサイズが膨大になりますから、使いどころは限られそうです……。 Web Fontの使い方手順はふたつです。 @font-faceでフォントのURLを指定する。 font-family
ms0924 2013/02/01
font

css3
リンク
Loading...
ms0924 2013/02/01
font

css3
リンク
“ＭＳＰゴシック” をメイリオみたいにアンチエイリアスさせるCSS3ハック
CSS3 を使って Windows から見るブラウザ上の "MS Pゴシック" をメイリオみたいに、アンチエイリアスさせて表示する方法を発見してしまったので紹介します。さて、↓の２つのの文字を見比べてください。実はどちらも同じ "MS Pゴシック"なんです（Chromeで画像化しています）。 CSS3 の transf orm を使うさて、これをどうやって実現しているかと言うと、CSS3 の transf orm を使って、アンチエイリアスさせたいテキストを、少しだけ縦方向に拡大しています。 .clear-type { -webkit-transf orm-origin: 0 0; -webkit-transf orm: scale(1, 1.01); -moz-transf orm-origin: 0 0; -moz-transf orm: scale(1, 1.01); -ms-transf
ms0924 2012/03/17
css3

font
リンク
電話占いで使われる占術をご紹介 | 当たる電話占いおすすめランキング～口コミで評判の当たる電話占いサイト紹介～
小さいころから占いに興味があって、色々と勉強しているうちにどんどん好きになり、皆さんにも占いの良さを知ってほしくて記事を書いています。知り合いに占い師や霊能力者、お寺の住職がたくさんいるので、その方たちにインタビューして記事を書いています。
ms0924 2011/12/13
font

まとめ

iPhone

スマートフォン
リンク
1