やじうまPC Watch
文字の太さでフリーザが変身するバリアブルフォント
2020年7月6日 17:53
フリーザが変身するバリアブルフォントを作りました。#Frieza#variablefontpic.twitter.com/nmFF9A22br
— のだ (@juuunnnk)July 5, 2020
UX創造企業を謳う株式会社ライデンに勤めるJUNKI NODA氏は、フォントの太さの設定を変更することで、ドラゴンボールのキャラクター“フリーザ”を変身させることができるバリアブルフォントを作ったとし、自身のTwitterで報告した。
「F」を入力すれば表示されるこのフォント。太さ100ではフリーザの第1形態、500では第2形態、600では第3形態、そして900では完全体になる。
このフォントはGithubで公開されているが、MicrosoftのEdgeを開発するユスキィ氏は、近代的なブラウザではバリアブルフォントをサポートしていて、かんたんにWebサイトで実際に使用できるとし、サンプルを公開している。
とてもおもしろいですね!Variable Font は主要なモダン ブラウザーではいずれもサポートされているので、簡単に Web サイトでも使用することができますよね。サンプルを置いてみたので、実際に試してみたい方はどうぞ。https://t.co/4RzDqudy2upic.twitter.com/ISS8kyEbI4
— ユスキィ (Yusuke Hara) (@ms_yuhara)July 6, 2020