@font-face {
font-family: "Name of the font"; /*eg Ubuntu*/
src: url("your/path/to/the.font");
}
p{
font-family: "Ubuntu";
}/* Font-Family: It changes the font family of specified words, paragraphs, and sentences. */
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
/* Font-Style: Used to Change the text to normal, oblique, and italics */
font-style: oblique;
/* Font-Size: It is used to modify the size of the displayed font */
font-size: larger;
/* Font-Weight: It is used to determine the weight of the font */
font-weight: normal;
/* Font-Variant: It is used to display font in normal or small-caps. */
font-variant: small-caps;
/* font: Shorthand Property */
font: font-style font-variant font-weight font-size font-family;p {
font: italic small-caps bold 12px/30px Georgia, serif;
}
/*
The font property is a shorthand property for:
font-style
font-variant
font-weight
font-size/line-height
font-family
*/body {
font-family: Tahoma, Verdana, sans-serif;
} /* Verdana and sans-serif are backups if Tahoma is not found */fonts.google.com@font-face {
src: url('/fonts/MartianGrotesk.woff2') format('woff2');
}| Code Example |
|---|
| Css :: css border only top and bottom |
| Css :: make img tag take all div space |
| Css :: bootstrap breakpoints |
| Css :: space between text css |
| Css :: @import css |
| Css :: css change the button text value |
| Css :: angular headers for enc type |
| Css :: font-face html |
| Css :: css how to change font colr |
| Css :: css no wrap |
| Css :: span to left css |
| Css :: how to set border length in css without div |
| Css :: bootstrap5 more usable screens |
| Css :: !important css |
| Css :: how to install tailwind css in html |
| Css :: css image size scale to fit |
| Css :: what are the types of positioning in css |
| Css :: can i use css in react native |
| Css :: css selector color |
| Css :: Override Inline Styles with CSS |
| Css :: aspect ratio css |
| Css :: css curved border |
| Css :: no outline css |
| Css :: rotate box-shadow |
| Css :: red asterix css |
| Css :: css set strong to normal text |
| Css :: remove input border on focus |
| Css :: btn glow on hover |
| Css :: center image in css |
| Css :: change order columns bootstrap |