Desafio 10 fonte Android

Home Fóruns Desenvolvimento Web 2020 (HTML5+CSS3) Desafio 10 fonte Android

Visualizando 4 respostas da discussão
  • Autor
    Posts
    • #69904
      Ciro Watanabe
      Participante

      Boa tarde!
      Estou tentando configurar a fonte ‘Android’ seguindo todos os passos do Guanabara, mas ela simplesmente não funciona. Quando abro o console há uma mensagem de erro:

      Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://googleads.g.doubleclick.net/pagead/id. (Reason: CORS request did not succeed).

      Alguém teve o mesmo problema e conseguiu resolver?

      abraço
      Ciro

    • #69918
      IcaroFilho
      Moderador

      Boa noite.
      Por favor, posta um trecho do seu código de importação pra ver como esta.

    • #69954
      IcaroFilho
      Moderador

      Boa noite.

      Quanto a organização dos seus arquivos. O arquivo .css esta junto do HTML ou em uma pasta ?
      – Só precisa regressar ( usar os .. ) caso esteja em uma posta.

      Quando faz a atribuição da fonte a um estilo, esta chamando no lugar certo ?
      exemplo.:
      vc deseja o h1 com esta letra:

      h1 {
          font-family: 'Android';
      }

      Ultimo detalhe…. tenta remover o format(‘opentype’); e rodar pra ver se vai.

    • #69976
      Ciro Watanabe
      Participante

      Bom dia, Icaro! Consegui detectar o meu erro. Eu estava colocando:

      main > h1{
          color: var(--cor5);
          font-family: var(--fonte-android);
      }

      Quando devia ser:

      main h1{
          color: var(--cor5);
          font-family: var(--fonte-android);
      }

      sem o símbolo ‘>’ entre o main e o h1. Mas eu pensava que tinha que colocar ‘>’ quando fosse criar um seletor de uma tag filha dentro de uma tag mãe. Então não precisa?

    • #69978
      IcaroFilho
      Moderador

      Me tira uma duvida, seu elemento h1 esta descendendo direto do main, ou esta dentro de outra tag (tipo section, div … ) ?

      Pergunto isso pq (até onde eu sei), usamos ‘>’ para designar descendentes direto, por exemplo:

          <main>
              <h2> TITULO DO MAIN </h2>
              <div>
                  <h2> TITULO DA DIV </h2>
              </div>
          </main>
      • se usarmos:
        main h2 { font-size: 50px; }
        todas as tags h2 receberão a estilização css
      • Agora se criarmos:
        main > h2 { font-size: 50px; }
        Apenas o h2 dentro do main receberá essa estilização, já que apenas ela é filha direta (o h2 dentro da div seria neta e não receberia a herança)
      • Esta resposta foi modificada 2 anos, 10 meses atrás por IcaroFilho.
      • #69980
        Ciro Watanabe
        Participante

        Ah entendi! No caso o h1 seria uma tag neta de main, porque ela está dentro de <article> que está dentro de <main>.

        Muito obrigado pela ajuda!

        abraço
        Ciro

Visualizando 4 respostas da discussão
  • Você deve fazer login para responder a este tópico.