Estou tentando importar a fonte Titillium Web por meio do Google Fonts. O problema que estou tendo é que isso só dá certo dependendo da posição em que eu coloco a linha do @import. Vou mostrar:
@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap');
@font-face {
font-family: 'Bubblegum';
src: url('../_fonts/bubblegum-sans-regular.otf');
}
Assim dá certo, tanto no texto que usa a fonte Titillium quanto no que usa a Bubblegum. No entanto, ao escrever assim:
@charset 'UTF-8';
@font-face {
font-family: 'Bubblegum';
src: url('../_fonts/bubblegum-sans-regular.otf');
}
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap');
Apenas o trecho de Bubblegum funciona, o outro texto é mostrado com a fonte padrão do navegador em sans-serif. A seguir, o código do estilo dos dois textos:
header#cabeçalho h1 {
font-family: 'Bubblegum', sans-serif;
font-size: 30pt;
color: #606060;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
margin: 20px 0px 0px 0px;
}
header#cabeçalho h2{
font-family: 'Titillium Web', sans-serif;
font-size: 15pt;
color: #888888;
margin: 1px 0px 9px 0px;
}
P. S.: foi só a minha conta do Clube do Hardware que foi "zerada", perdendo toda a reputação e contribuições anteriores?