CSSのしっぽ

いつも私を困らせるあのCSSさんについて中心

私のgoogleフォントいつも使うの

もう完全に自分専用ですが、グーグルフォントの設定。二つ。

まずはZen Antique

お硬いですが、その教科書チックな文字はなんだかんだで使います。

@import url('https://fonts.googleapis.com/css2?family=Zen+Antique&display=swap');
  
:root{
  --font-family:"Zen Antique", serif;
  --font-size:21px;
  --width:640px;  
}

/**/
html{
  font-family:var(--font-family);
  font-size:var(--font-size);
}

もうひとつはM PLUS Rounded ラウンデッド

こっちはボールドで使うのがおすすめ。

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500&display=swap');
:root{
  --font-family:'M PLUS Rounded 1c', sans-serif;  
  --font-size:21px;
  --width:640px;  
}

/**/
html{
  font-family:var(--font-family);
  font-size:var(--font-size);
}

とりあえずベタ貼り。