カテゴリー:
Webデザイン
閲覧数:460 配信日:2018-02-11 12:46
PDFかと見紛うWebサイト
理由は2つ
・日本語フォント
・黒で覆う
Google日本語フォント指定
・Noto Sans Japanese
body, button, input, select, textarea {
font-family: 'Noto Sans Japanese', sans-serif;
}全体を黒で囲っている
・bodyタグ直下のdiv(wrapper的役割)クラスへ下記指定
@media screen and (min-width: 44.375em)
.site {
margin: 21px;
}
.site {
background-color: #fff;
}
感想
この発想はなかったわ
・Webサイトだけど、PDFっぽく見せたい時って確かにあんねん
・「信頼がおけるようなテキスト中心のサイト」として見せたい(機能させたい)時などに有効かも