[CSS] font
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
#type1{
font-size: 1.5rem;
font-family: Arial, verdana, "Helvetica Neue", serif;
font-weight: bold;
line-height: 2;
}
#type2{
font: bold 1.5rem/2 arial, verdana, "Helvetica Neue", serif;
}
</style>
</head>
<body>
<p id="type1">
Hello github type1<br>Hello github type1
</p>
<br>
<p id="type2">
Hello github type2<br>Hello github type2
</p>
</body>
</html>font-family
前からユーザpc上のフォントを適用します.最後のフォントは、次の表に1つ含まなければなりません.
serif(装飾付きフォント)sans-serif cursive(手書き・草体)fantasy monospace(固定幅)
出所https://matchwebdesign.com/Daily-Thoughts/why-typographically-thinking-ruins-your-site.html
font-weight
フォントの厚さを表します.通常boldを使用します.
line-height
行と行の間隔を指定します.デフォルト
normal1.2です.これは、1.2の場合、間隔が現在の装飾フォントの大きさの1.2倍であることを意味する.
font
一筆消しのスタイル.
font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit; ここでfont-sizeとfont-familyは必須です.
https://opentutorials.org/course/2418/13361
Reference
この問題について([CSS] font), 我々は、より多くの情報をここで見つけました https://velog.io/@jong/CSS-fontテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol