O uso de frameworks em Javascript, de folhas de estilo 'estilosas' e de ícones de webfontes como a Awesome (que utilizamos em nossos sites), assim como outras como Bootstrap Glyphicons e Google Icons, tem sido muito difundido a tempos, porém, sempre encontramos sites que usam esses recursos em seus websites simplesmente apontando o "src" do link de JS (javascript) ou de CSS (folha de estilos) dentro do HTML diretamente para o website do fabricante (ou para sites de terceiros, o que é um erro de segurança muito grave!!). Tirando as exceções aonde esse tipo de apontamento é necessário (exemplo das APIs de segurança e de comunicação entre servidores, serviços pagos etc), não consideramos uma prática SUSTENTÁVEL. Geralmente a justificativa é porque fazer assim é muito mais fácil e evita o "trabalho" de fazer o download e a instalação local dos arquivos, ou tem a intenção de estar sempre "atualizado" com a última versão disponível, mas queremos incentivar nosso leitor a EVITAR ao máximo o uso de apontamentos externos dessa maneira.
Ter esse pequeno trabalho de baixar e instalar ícones e fontes no servidor do seu website, além de ser fácil É MUITO importante, pois evita, entre outras coisas:
Os dados da versão grátis da fonte Awesome, que utilizamos neste projeto e que seguem abaixo, estão disponíveis no website https://fontawesome.com e foram retirados do arquivo all.min.css, baixado após realizar um pequeno cadastro no website do fabricante.
Nota: no momento que mudamos para nosso novo site, notamos que o site fontawesome havia liberado uma versão nova e também mudado a forma de acesso, então vamos atualizar em breve o post com um tutorial para que você possa realizar a instalação por conta própria.
Segue a lista dos caracteres FREE:
Ordem | Caracter | HTML |
---|