【サンプル有】日本語の明朝体で使えるWebフォント Noto Serifの使い方

4/10はなんの日かご存知ですか?
そう、フォントの日です。

本記事では2017年4月に公開となった明朝体で使えるWebフォント Noto Serifの使い方を紹介します。

とりあえず見たい方はデモを用意しているのでそちらをご覧ください。

Noto Serif CJKのデモ

“【サンプル有】日本語の明朝体で使えるWebフォント Noto Serifの使い方” の続きを読む

【サンプル有り】文字詰めが出来るCSS「font-feature-settings」を試してみた

TwitterでとてもCSSで文字詰めができるという興味深いCSSの記事があったので、自分でも気になったのでサンプルを作ってみました。
そのCSSは「font-feature-settings」というものです。

詳しい事は下記記事よりご確認ください。

文字詰めできるCSSのfont-feature-settingsが凄い! 日本語フォントこそ指定したい自動カーニング
“【サンプル有り】文字詰めが出来るCSS「font-feature-settings」を試してみた” の続きを読む

RGBAをIE8でも使う簡単な方法

CSS3で使いたい機能というと角丸やグラデーション系が多いと思いますが、割りとRGBAも便利かなと思っています。
PIEを始め、角丸やグラデーションはIE8でも使えるようにという対策はありますが、RGBAはあまり聞きませんね。
私はPHPを使ってRGBAで色指定(透過率も)したものを画像生成するやり方でIE8もサポートしています
そのやり方をちょっとご紹介。
“RGBAをIE8でも使う簡単な方法” の続きを読む