My current goal is to configure the browser to utilize the Quicksand font, which I am sourcing directly from a file located in the same directory. When I structure the code as shown below, the browser successfully implements the Quicksand font:
@charset "utf-8";
@font-face {
font-family: Quicksand;
src: url('Quicksand-Regular.woff') format ('woff'),
url('Quicksand-Regular.tff') format('truetype');
}
h1, h2 {
font-family: Quicksand;
}
However, if I include additional options for the font-family, the browser defaults to using a sans-serif font instead of Quicksand:
@charset "utf-8";
@font-face {
font-family: Quicksand;
src: url('Quicksand-Regular.woff') format ('woff'),
url('Quicksand-Regular.tff') format('truetype');
}
h1, h2 {
font-family: Quicksand, sans-serif;
}
For an upcoming assignment, I aim to have the browser default to displaying text in the Quicksand font with sans-serif as a fallback option. However, despite my efforts, I cannot seem to identify the specific issue within the provided code snippet.