Esta es el arreglo más válida que te podemos dar, pero primero obsérvala pausadamente y analiza si es compatible a tu proyecto.
Solución:
Bajo su referencia, tiene esto:
Específicamente, el href= parte.
Sin embargo, debajo de su html completo está esto:
¿Has probado a reemplazar src= con href= en su html completo para convertirse en esto?
Funciona para mí: http://codepen.io/TheNathanG/pen/xbyFg
Para los buscadores de íconos impresionantes de fuentes que faltan, he recopilado algunas ideas:
-
Asegúrese de utilizar un enlace correcto a la CDN, como:
-
Si su página usa HTTPS, ¿enlaza al CSS impresionante de fuente usando HTTPS (reemplace
http://conhttps://en el enlace de arriba). -
Vuelva a verificar que no tenga habilitado AdBlock Plus o uBlock. Es posible que estén bloqueando algunos de los íconos.
-
Restablezca la memoria caché de su navegador. (En Chrome, haga un largo clic en el botón de recarga y seleccione Restablecer caché duro)
-
Asegúrese de que el
oelemento que utiliza, utiliza elFontAwesomeFamilia tipográfica. Por ejemplo, no solo debepero
No funcionará si tiene algo como lo siguiente en su CSS:
* font-family: 'Josefin Sans', sans-serif !important; -
Si está utilizando IE8, ¿está utilizando un HTML5 Shim?
-
Si esto no funciona, hay más ideas para solucionar problemas en Font Awesome Wiki.
Al principio no pude hacer que esto funcionara con fuente impresionante 5:
Es por eso que vine aquí, ya que no estoy familiarizado con la fuente impresionante. Entonces, cuando busqué más, noté que mi problema era simplemente un problema con la versión.
w3schools me ayudó en este caso.
Nuevo en Font Awesome 5 es el
fasprefixFont Awesome 4 usosfa.El pecado
fasrepresenta sólidoy algunos íconos también tienen un
regular modo, especificado mediante el prefixfar.
Ya noté los diferentes archivos en la carpeta CSS de FontAwesome, como:
- todo.min.css
- marcas.min.css
- fontawesome.min.css
- regular.min.css
- sólido.min.css
Y fue entonces cuando me di cuenta de mi error. Todo lo que tenía que hacer era incluir el css apropiado en el html:
Y luego haga referencia al artículo correcto:
Esta configuración funciona para mí. Aunque no todos los artículos tienen equivalentes en cada tipo. Esto no funcionará:
Como nota al margen, cuando no desee hacer referencia a todos los archivos separados, esto será suficiente:
Si te apasiona este mundo, tienes el poder dejar una división acerca de qué te ha impresionado de esta noticia.