2
respostas

Font-size + color transparent

Boa tarde, senhores. No caso minha ideia seria junção de duas fórmulas pra "sumir" com o texto. Se usar somente o color transparent, o texto ainda consegue ser descoberto com a seleção da página. E com o uso do font-size: 0, alguns navegadores vão atribuir o texto de alguma forma. Fiz o teste usando os dois e creio que tenha ficado uma opção mais sólida.

    .icones-sociais a {
    width: 40px;
    height: 40px;
    display: block;
    color: transparent;
    font-size: 0;
    }
2 respostas

Boa noite Rafael de Carvalho Oliveira

Sim é uma opção que pode ser utilizada, você só precisa ficar atento a possíveis bugs que essa combinação pode te trazer. Alguns navegadores podem desconsiderar o tamanho da font 0 por conta das configurações do usuário.

Oi Rafael de Carvalho Oliveira Existem inúmeras formas de utilizar essa técnica do Image Replacement a "melhor" forma é aquela que atende na maioria dos navegadores.

Aqui nesse post, você vai encontrar 9 formas com seus prós e contras.

Nine Techniques for CSS Image Replacement