web-dev-qa-db-ja.com

[pic] CSSを使用してテキストのスタイルを設定できますか?

今日デザイナーとのミーティングの準備をしていると、私は彼のPhotoshopスケッチを見て、Photoshopでテキストをレンダリングする必要なく、次のものをHTML/CSSで表現できるかどうか疑問に思っていました。

Example text with glossy effects

色のグラデーションとドロップシャドウは、プレーンHTMLおよびCSS内のオリジナルと同様に70〜90%実行できると思いますか?

理想的には、古いブラウザでさえ、少なくとも読みやすい方法でテキストを描画できるはずです。

私は 2008年から戻ってきたもの を見つけました。最近ではもっと現代的な方法がありますか?

3
Uwe Keim

独自のFONTを作成して、ページに埋め込むことができます。

こちらをご覧ください https://stackoverflow.com/questions/220236/how-to-embed-fonts-in-html

ただし、テキストを動的にする必要がない限り、画像を使用することをお勧めします。見た目が良くなり、すべてのブラウザで同一に見えることが保証されます

2
Daveo

希望する効果のためにCSS3グラデーションとドロップシャドウを使用できます。古いブラウザーはブロック色を表示するだけで、それは問題ありません。

編集よりも簡単であるだけでなく、画像よりもはるかに高速にロードされるため、正しいことです。

2
Toby