みんなのウェディングエンジニアリングブログみんなのウェディングエンジニアリングブログ記事の一覧タイポグラフィとCSSのスタイル宣言みんなのウェディング、松久(@kamonegi1977)です。このブログのフォント関係のスタイルを少し変えました。設定できるテキスト関係はどんなのが今はあるんだろう?と思って調べたことを書き出してみます。リンクを用意しています。気になった箇所については、ドキュメントを参照してみてください。2019の14日目の記事です。text-emphasis文字の上に「・」がつけられます。地味なのですが、意外と古くからあるスタイルでした。使う機会があまりないですが、長文を扱う時に活用できそうです。text-decoration文字列に装飾を加えます。下線(実線、点線、波線)の他に、上下ともに線をつけることもできます。)もありますが、実装しているブラウザーが少ないようです。使えるようになっていたようです。font-sizeフォントの大きさを指定します。この時、どの単位を使うのか?に悩みます。現在、みんなのウェディングではpxで指定しています。指定なので単位を合わせている、というのが現状です。以外で全て使える状態になっています。数値指定を反映するには可変が可能な可能なフォントであることも必要になります。親要素を起点として設定することができるのは知らなかったです。本文中で、本文よりも強調したい要素に設定したりすることができそうです。font-feature-settingsOpenTypeの文字詰情報を使うことができるようになります。使えるフォントは限られているのですが、使えると長文があるサイトで効果がありあそうです。Adobeのサイトに書かれています。情報量が多くて読みきれていないです。letter-spacing古くからある字間のスペース調整です。今まで使い道が1つぐらいだったのですが、font-feature-settingsと組み合わせて使うと強力です。カーニングしたあとに少し広めにしたりすることが可能になります。ウェブフォントを利用するためにも、ローカルにあるフォントを指定するためにも使えます。1つとして紹介されています。書体を活用する方法を知りたくなりました。ついて確認しようと思ったのでした。活用することで、長文が多いサイトで読みやすさを提供できる方法の一つになりそう、とタイポグラフィに関するスタイルについて確認しました。Design」を見ると、スタイルに関する数値まとめがあります。system」では、用途ごと、言語毎に書かれており、多言語ならではデザインシステムについて知ることができます。フォントはデザインをするときに大切な一要因です。上ではどうやって、どこまで再現できるのか?確認してみるのは勉強になりました。(2019年12月14日)twitterfacebookhatenabookmark最新の記事みんなのウェディングはEKSで動いていますタイポグラフィとCSSのスタイル宣言2019年新卒エンジニア研修もそろそろ終盤です。