タグ

cssに関するnf_banのブックマーク (2)

  • はてなブログの[PRO]の表示に対抗してCSSで[AMATEUR]と表示させる方法 - それでもわたしはおうちにいたい

    みなさんこんにちは! いきなりですが、あなたははてなプロ? それともはてなアマチュア?? 私、最近になって気づいたんですが、自分が読んでいるブログの殆どの方がはてなPROでした。 ほとんど玄人!! みんなPRO表示ついてるやん・・・! このマークのことですよ→はてなブログPro やはり、PROの表示がついてると「みんなやってるよ?あなたはやらないの?」と言う感じがしてきて、私もPROになりたい・・・! と思わせてきます。 ・・・が。 そんな中、わざわざPRO表示を消したがる人も現れました。 azulitchi.hatenablog.jp ヒミツ基地のらいちさん(id:AzuLitchi)は殴り飛ばしたくなるくらいにPRO表示がお嫌いらしく、隠れPROになったようです。 私の憧れのPRO表示を消しちゃうなんて・・・! と、そこで気づきます。 表示をつけたり消したり・・・・? はっ・・・! そ

    はてなブログの[PRO]の表示に対抗してCSSで[AMATEUR]と表示させる方法 - それでもわたしはおうちにいたい
    nf_ban
    nf_ban 2017/10/28
    スーパーカセットビジョンかな?(錯乱
  • 文字詰めできるCSSのfont-feature-settingsが凄い! 日本語フォントこそ指定したい自動カーニング - ICS MEDIA

    游ゴシックではプロポーショナルメトリクスは効果的 WindowsmacOSに搭載されている游ゴシック体は、仮名が漢字に対してかなり小さめにデザインされています。游ゴシック体ではヒラギノ書体より字間が開いて見えてしまうため、プロポーショナルメトリクスを活用する効果は大きいです。 Webフォントにもプロポーショナルメトリクスは効果的 デバイスフォントだけでなく、Webフォントでもプロポーショナルメトリクスに対応したOpenTypeフォントがたくさんあります。Webフォントに関しては記事「Webフォントサービスの徹底比較! 和文フォントが使える5つのサービスの利点まとめ」を参考ください。 ▲左側は未指定(和文等幅)の状態でカタカナの開きが大きい。右側はプロポーショナル字形を適用した状態で、カタカナが詰まっている。 対応環境:ほぼすべてのブラウザで利用可能 これだけ便利なCSSですが、どれだけの

    文字詰めできるCSSのfont-feature-settingsが凄い! 日本語フォントこそ指定したい自動カーニング - ICS MEDIA
    nf_ban
    nf_ban 2016/12/01
    WindowsのUI Gothicが好きな人はこの技術も好きそうだ。読みやすさは二の次でとにかく画面に文字を1行で詰め込みたい需要は、存在する。
  • 1