system font stack
body {
font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}custom downloaded fonts
@font-face {
font-family: my-cool-font;
src: url(../fonts/the-font-file.woff);
}
h1 {
font-family: my-cool-font, sans-serif;
}font-style letter-spacing line-height text-transform - for uppercase lowercase and all text-shadow : offset
/* offset-x | offset-y | blur-radius | color */
text-shadow: 1px 1px 2px black;
ellipsis in text overflow