Bom, quero mudar o título mas não estou conseguindo. Estou assistindo umas vídeo aulas, e parei em um ponto onde não consigo trocar a fonte do h1.
Usei o método de pegar uma fonte externa do Google, e interna com a propriedade @font-face.
Agora tentei passei o h1 para h2 e, o que estava como h2 para h3 e funcionou, alguém sabe me explicar, por favor?
Aqui estão os códigos do HTML e do CSS:
HTML:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8"/>
<title>Tudo sobre Google Glass</title>
<link href="https://fonts.googleapis.com/css?family=Bubblegum+Sans" rel="stylesheet">
<link rel="stylesheet" href="_css/estilo.css">
</head>
<body>
<div id="interface">
<header id="cabecalho">
<hgroup>
<h1>Google Glass</h1>
<h2>A revolução do Google está chegando</h2>
</hgroup>
CSS:
body{
background-color: #dddddd;
color: rgba(0,0,0,1);
}
#cabecalho{
border-bottom: 1px #606060 solid;
height: 150px;
background: url(../_imagens/glass-logo-peq.jpg) no-repeat 0px 80px;
}
#cabecalho h2{
font-family: 'Bubblegum Sans', cursive;
font-size: 30pt;
color: #888888;
font-size: 15pt;
margin-top: 0px;
padding: 0px;
}
#cabecalho h1{
font-family: 'Bubblegum Sans', cursive;
margin-bottom: 0px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.6)
padding: 0px;
}