@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 :: fortnite pc size 2022 |
Css :: how to use variables in css |
Css :: 3d rotating text css |
Css :: learn css |
Css :: css box-sizing property |
Css :: get element with href css |
Css :: product list fix height image css |
Css :: Night / dark mode css |
Css :: border-width in percentage |
Css :: how to add bold in css |
Css :: set another font in css |
Css :: order in flex |
Css :: padding |
Css :: animation in css |
Css :: css selector id class |
Css :: flex item: 1; |
Css :: faire rectangle qui prend toute la largeur css |
Css :: <i class="fa-solid fa-quote-left"</i |
Css :: css add margin to a particular div in print screen |
Css :: Hoow to open a css class in css |
Css :: ubuntu phantomjs wrong paper size |
Css :: css cotent tipe |
Css :: width cross browser |
Css :: css to exclude last row table |
Css :: odoo search |
Css :: showing danger message in red in terminal bash |
Css :: coderbytes |
Css :: mat-form-field textarea save with new line |
Css :: twig data uri |
Css :: matrix multiplication markdown |