Skip to main content

Preguntas con la etiqueta [font-awesome]

Font Awesome es una fuente de vectores de íconos altamente personalizables, que originalmente se desarrolló para ser usada con el framework front-end Bootstrap.

Filtrar por
Ordenado por
Etiquetadas con
1 voto
1 respuesta
49 vistas

¿Cómo alinear el texto dentro de un div con un icono de Font Awesome de forma que el icono quede en medio del texto?

<footer class="p-3 text-white-50"> <div class="container"> Este sitio es una maquetación no funcional creada usando kit de interfaz de usuario: Material ...
Avatar del usuario C0D3BREAK3R
0 votos
1 respuesta
926 vistas

¿Cómo instalar y utilizar correctamente una fuente en tcpdf?

En TCPDF estoy tratando de utilizar otra fuente llamada Graphik-Bold, pero cuando la instalo y la intento usar es como si se rompiera el texto. Utilizo el siguiente comando en cmd en mi carpeta fonts,...
Avatar del usuario giovani otero
0 votos
0 respuestas
117 vistas

No carga correctamente fa-icon

Estoy utilizando fa-icon, pero a veces cargan de forma incorrecta Así es como los uso <i class="fa fa-search button-icon" role="button" tabindex="0"></i> <...
Avatar del usuario Anjuly08
0 votos
1 respuesta
188 vistas

Problema con FontAwesome 6 y React: "Couldnt find icon"

tengo una duda con respecto a FontAwesome y React, me explico: Estos son los modulos que he instalado para usar FontAwesome: "dependencies": { "@fortawesome/fontawesome-svg-core&...
Avatar del usuario Edgar Gc
  • 957
1 voto
1 respuesta
308 vistas

Problemas con select option de html en bootstrap

Tengo un select que me muestra una lista de colores, ya logre colocar los colores en las letras y un icono de fontawesone en cuadrado, pero mi problema viene cuando selecciono un elemento de la lista ...
Avatar del usuario Daniel Pacheco
0 votos
1 respuesta
115 vistas

¿Cómo fijar íconos dentro de un INPUT al reducir el ancho de la ventana?

Tengo este pequeño inconveniente... Estoy desarrollando una pequeña ventana de Login "responsive". Y dentro de esta ventana, deseo que los íconos que se encuentran "dentro" de los ...
Avatar del usuario EDG_DGK
  • 113
1 voto
0 respuestas
339 vistas

FontAwesome no me reconoce los iconos

Quiero agregar un icono de un ojo y el proyecto no me reconoce el link que FontAwesome me da. Probe con los links que dejaron en preguntas similares (como esta) pero nada. Este es usando los links que ...
Avatar del usuario popo
  • 127
-1 votos
2 respuestas
276 vistas

Centrar verticalmente icono de fontawesome con Bootstrap

El título lo dice todo. Quiero poder centrar verticalmente el icono pero no lo consigo, se ve ligeramente hacia arriba. <div class="row"> <div class="col-md-6 col-sm-...
Avatar del usuario Facundo Nicolás Durán
1 voto
1 respuesta
104 vistas

Elemento que no carga bien ( :before + content: ??? )

Tomé un diseño de codepen y conseguí amoldarlo para que se viese bien en mi web. Todo funcionaba correctamente, hasta que (hace varios meses) un elemento dentro de un :before dejo de cargarse/...
Avatar del usuario Juan Taracena
0 votos
1 respuesta
414 vistas

Error con Font-Awesome

Cuando intento usar fontawesome, me aparece con un ícono raro como si no lo reconociera: Si hubiera alguna falla por farvor :'v <body> <main> <em class="fa-solid fa-...
Avatar del usuario Letalandroid
1 voto
1 respuesta
363 vistas

Problemas al animar icono con la clase de Font Awesome en Font Awesome 6

Estoy en angular 12 y al querer usar la clase fa-spin de Font Awesome en Font Awesome 6 la animación no aparece, el icono si. La etiqueta que intento usar es la siguiente: <div class="row ...
Avatar del usuario Carlos
  • 142
1 voto
1 respuesta
178 vistas

No aparece un icono de Font Awesome. Estoy siguiendo un tutorial ya que estoy iniciando en este mundillo y me ha surgido esto. El icono no aparece

<body> <div class="menu-btn"> <i class="fas fa-bars"></i> </div> Si alguien sabe la respuesta porfavor dejarlo por las respuestas. ...
Avatar del usuario Famac
  • 11
1 voto
2 respuestas
797 vistas

Algunos iconos de la página Font Awesome no se ven

estoy haciendo una página y estoy usando varios iconos de esa web, algunos se ven y otros no. ¿Alguien sabe que pasa? Importo todos los iconos de la version 6.0.0 con esta línea: <link rel="...
Avatar del usuario MateoCode
0 votos
1 respuesta
317 vistas

Problema de CORS con CDN de Fontawesome

Estoy trabajando con los iconos de fontawesome haciendo un llamado a la CDN que ofrece fontawesome, funcionaba correctamente, pero desde hace unos dias me arroja un error de CORS 0.0/css/all.css' from ...
Avatar del usuario Aldahir Ruiz Valdez
0 votos
1 respuesta
75 vistas

¿Font Awesome tiene limitación real de páginas vistas?

Estoy utilizando Font Awesome en mi sitio web con la versión "free". Hace ya unos meses que lo utilizo. Hoy me acabo de dar cuenta desde su sitio web que para la versión gratuita hay una ...
Avatar del usuario a_dev
  • 339
0 votos
1 respuesta
38 vistas

Fuentes para pseudo elementos fontawesome

Tengo un problema, es mas de estetica. Estoy haciendo un buscador. Y a dicho buscador en el placeholder le estoy poniendo un icono de search, estoy usando FontAwesome para esto. Segun la documentacion,...
Avatar del usuario Aldahir Ruiz Valdez
0 votos
1 respuesta
98 vistas

Icono de FA aparece sin tamaño

Tengo el siguiente inconveniente con el cual llevo un buen rato borrando, comentando y editando cosas al azar para ver si logro darle tamaño a los iconos de FA ya que no encuentro manera. Tengo por ...
Avatar del usuario JuanMartinCB
2 votos
0 respuestas
228 vistas

¿Cómo resolver el error Can't bind to 'icon' since it isn't a known property of 'fa-icon al re direccionar con routing.module.ts en Angular?

Tengo el siguiente menú el cual se muestra al iniciar mi aplicación en angular, mi problema es que no me redirecciona a las paginas que vienen ahi y me sale el siguiente error en el log, que no se a ...
Avatar del usuario Root93
  • 1,085
3 votos
2 respuestas
373 vistas

Como hago para que me aparezca el icono fontawesome?

Estoy agregando iconos a mi formulario, quiero que aparezca una cruz con error cuando el usuario completa datos erroneos y un okey en el caso contrario. Pero me aparece un cuadrado blanco en lugar del ...
Avatar del usuario Carolina Gullon
0 votos
1 respuesta
661 vistas

¿Cómo agrego este icono al menú dropdown?

Hola tengo el siguiente menu y necesito agregarle un icono de una flecha <i class="fas fa-angle-down"></i> para indicar que es desplegable, asi como se ve en esta imagen Pero no ...
Avatar del usuario Alejandro León
0 votos
0 respuestas
63 vistas

¿Cómo importar el nombre de todos los íconos de FAS5?

Estoy tratando de hacer un select con Vue y Vuetify para que el usuario pueda escoger algún ícono de @fortawesome/fortawesome-free que le guste para agregarlo a su perfil. Quiero para ello hacer algo ...
Avatar del usuario Eduardo Jiménez
0 votos
0 respuestas
79 vistas

Error de importación de css en Html en Plesk

tengo este problema al importar librerias por cdn o ruta especifica me arroja el siguiente: Ejemplo al importar fontawesome de esta manera <link rel="stylesheet" href="https://use....
Avatar del usuario C.Meza
  • 21
-2 votos
2 respuestas
827 vistas

¿Cómo puedo poner un icono en código Java Script? En ves de los símbolos un icono fas fa-chevron-down

¿Cómo puedo poner un icono en código JavaScript? En ves de los símbolos un icono fas fa-chevron-down $(function(){ $("#botonEsconder").click(function(){ $( ".divEsconder" ).toggle()...
Avatar del usuario Belen
  • 31
0 votos
1 respuesta
297 vistas

no me funciona fonawesome en Angular

Mi version de Angular CLI: 10.1.3 Node: 14.13.0 lo instale de la siguiente forma: npm i --save @fortawesome/fontawesome-free y archivo angular.json: "test": { "builder": "@angular-devkit/...
Avatar del usuario Claudio
  • 1,020
0 votos
1 respuesta
182 vistas

Aplicacion de laravel, no funciona font-awesome en el servidor de produccion (ubunu server 20)

llevo unos dias buscando porque no me salen los iconos de font-awesome free en mi servidor. Instale el package en local, lo probe, todo ok y lo subi, una vez probado en el server me salen los ...
Avatar del usuario josanangel
  • 2,359
0 votos
0 respuestas
154 vistas

¿Cómo eliminar la llamada a un archivo .css de Font-Awesome el cual no existe?

Mi web tarda en cargar 1 segundo más por un archivo que supuestamente no está en mi servidor https://midominio/path/to/font-awesome/css/font-awesome.min.css. ¿Cómo podría eliminar esta llamada? He ...
Avatar del usuario Alex Iglesias
0 votos
1 respuesta
222 vistas

No muestra las fuentes font-awesome en mi APP con REACT

La verdad soy nuevo en react y estoy practicando, quiero mostrar en una app las fuentes de font-awesome, pero no muestra nada en la parte de que debe mostrar y la app carga sin problema. la ruta donde ...
Avatar del usuario Luis Felipe Guevara Ruiz
1 voto
0 respuestas
273 vistas

Error configuración de file-loader, vue 3 y Webpack 5 con font-awesome

Estoy desarrollando un app en vue 3 con webpack 5 y php api rest el error el problema es que tengo el siguiente error. dev@PC:/var/www/tools$ npm run dev > [email protected] dev > cross-env NODE_ENV=...
Avatar del usuario Robert Pérez
1 voto
1 respuesta
707 vistas

Font Awesome en el placeholder de un input?

Segun vi en la documentacion, Font Awesome tiene una forma de hardcodear los iconos en un placeholder de un input, haciendo algo asi: <Input placeholder='&#xf002; Search' /> Esto es lo ...
Avatar del usuario Agustin G.
  • 2,770
0 votos
2 respuestas
2k vistas

¿Como usar fontAwesome Icons o Sweet Alert icons en Sweet Alert 2 Vue?

Estoy intentando mostrar un icono de SweetAlert2 de esta librería vue-sweetalert-icons y también lo intente con fontawesome, pero en ninguna de las ocasiones no tuve éxito y no hay documentación muy ...
Avatar del usuario Daniel Hincapié
0 votos
1 respuesta
1k vistas

Laravel - Fontawesome no me muestra los iconos

tengo un proyecto con laravel 7 y he instalado fontawesome pero no consigo que me salgan los iconos. Tengo esta configuración app.scss @import "../vendor/bootstrap/bootstrap.min.css"; @...
Avatar del usuario ilernet2
0 votos
2 respuestas
646 vistas

Utilizar font-awesome con Vuejs & Nuxtjs

Estoy haciendo pruebas con Vuejs y nuxtjs y no consigo que los iconos de font-awesome se muestren por pantalla. He buscado en distintas páginas y ponen que se introduzcan los siguientes comandos para ...
Avatar del usuario Nerpianicolindo
0 votos
2 respuestas
4k vistas

Los iconos de fontawesome no cargan y me aparecen cuadrados

estoy tratando de mejorar el código de mi primer proyecto que es un to do list usando iconos de fontawesome. En cada ítem yo tengo, entre otras cosas, un botón que sirve para marcar si la tarea esta ...
Avatar del usuario FERRE FACU
0 votos
1 respuesta
79 vistas

Crear icono Entidad Acción Fontawesome

estoy usando font-awesome y sus iconos deseo crear algo así: tengo el siguiente código: <i class="fa fa-cube fa-2x"></i> <i class="fa fa-plus" style="margin-top: 14px; margin-...
Avatar del usuario Diego Avila
  • 5,486
0 votos
4 respuestas
612 vistas

Problemas al actualizar de FontAwesome 4 a FontAwesome 5 en asp.net

Estoy trabajando en un sitio web hecho asp.net de mi trabajo. Como es la primera vez que agarro este proyecto, estoy tratando de familiarizarme con todo su contenido. Lo que veo es que la MasterPage ...
Avatar del usuario Matias
  • 741
0 votos
1 respuesta
944 vistas

Instalación de font-awesome en laravel, algunos iconos se ven otros no

Tengo un proyecto laravel y he instalado font-awesome de esta manera npm install font-awesome --save Luego he añadido esto en el fichero "resources/assets/saas/app.scss." @import "~font-awesome/...
Avatar del usuario ilernet
  • 1,323
1 voto
1 respuesta
650 vistas

No se observan los iconos de redes sociales html5

Al subir la web al hosting, no aparecen los iconos de redes sociales en el framework de fontawesome, para los cual quiero saber por que no se evidencian los iconos de redes sociales en el footer: HTML ...
Avatar del usuario Miguel Eduardo Mogollon Olivar
0 votos
0 respuestas
464 vistas

Colocar iconos en un proyecto de laravel que esta en cPanel

lo que sucede es que tengo un proyecto montado en el servidor de cpanel pero a la hora de verlo todo aparece bien excepto los iconos, cosa que en local no pasa. Me preguntaba si me podían ayudar con ...
Avatar del usuario user136950
1 voto
1 respuesta
351 vistas

Fontawesome Wordpress

Normalmente no suelo trabajar con Wordpress. Pero desarrolle hace tiempo esta web y me encuentro el problema que al añadir el icono de WhatsApp en el header, no me lo lee. Entiendo que estara ...
Avatar del usuario Miguel
  • 1,487
2 votos
1 respuesta
339 vistas

Problemas para obtener una tipografía en un proyecto NetBeans en Java

Dentro de mi proyecto de NetBeans tengo una carpeta llamada fonts llamada Font_Awesome_5 _Free-Solid-900.otf la cual quiero utilizar en un JLabel de nombre lblAlertIcon_Login El código es el ...
Avatar del usuario Ferny Cortez
2 votos
0 respuestas
29 vistas

¿Cómo integrar font awesome en workflow usando webpack?

Estoy trabajando una pequeña página en la cual utilizo un workflow, y ahora necesito integrar Font Awesome pero no está funcionando como debería, cuando ejecuto el comando npm run watch en consola, no ...
Avatar del usuario JoseFranc
  • 315
0 votos
1 respuesta
47 vistas

¿Cómo evitar que el resultado de una función se junte al título?

Estoy haciendo una web médica para la escuela. En mi avance tengo el siguiente código que calcula la cantidad de insulina recomendada por un médico. El cálculo está hecho en JavaScript. El formulario ...
Avatar del usuario Jimer Samuel
0 votos
1 respuesta
69 vistas

Evitar hacer doble clics en un checklist con Javascript

Actualmente tuve un problema con una librería que no reconocía el checklist y no tuve otra mas que hacer un propio checklist Tengo una lista dentro de una tabla así: <td><span class="...
Avatar del usuario ragnamex
  • 125
1 voto
1 respuesta
397 vistas

¿Por qué mi pseudo elemento no muestra el ícono de Font Awesome?

No me muestra el ícono, le agregue font-weight y font-family asi que no sé por qué no esta funcionando, este es mi código. <div className="box"> <select className="select-css btn mr-2" ...
Avatar del usuario CeciResponde
0 votos
1 respuesta
740 vistas

Error al usar Font Awesome iconos

Quería agregar los iconos de Font Awesome para usar dentro de mi aplicación que desarollo siguiendo el siguiente MOOC pero generó un error que no entendí. Primero uso NPM para buscar Font Awesome en ...
Avatar del usuario Revolucion for Monica
1 voto
1 respuesta
346 vistas

No puedo editar los iconos de fontawesome

Tengo un problema con font awesome, no me deja editar los iconos, no puedo ni cambiarle el color ni el tamaño, pero si se muestran los iconos en la pagina, intente llamando en la hoja de estilos con ...
Avatar del usuario felix lozada
1 voto
0 respuestas
195 vistas

¿Cómo puedo cargar el fontawesome para laravel 5.8?

Tengo el archivo pero al hacer el cambio no lo coge, lo descargué de la pagina de fontawesome y copié el archivo css a mi carpeta publi/css pero no toma los iconos. Ya sé que las lineas cambian a fas,...
Avatar del usuario juan david zambrano
1 voto
1 respuesta
663 vistas

Font Awesome Iconos desde javascript [cerrada]

necesito saber si puedo usar los iconos de Font Awesome desde javascript (sin escribirlo en HTML) porque es un elemento creado dinamicamente desde Javascript. Espero sus aportes! Gracias!!
Avatar del usuario Lorena
  • 21
3 votos
2 respuestas
584 vistas

Los iconos no funcionan en dispositivos moviles

Tengo una página web que utiliza iconos de font-awesome, en el navegador de una pc funciona bien, pero al momento de ver el resultado en un dispositivo móvil los iconos no se muestran, en el caso de ...
Avatar del usuario Aleex
  • 117
0 votos
2 respuestas
1k vistas

como centrar icono dentro de una etiqueta li - a

no sé que hago mal, pero no logro centrar un icono de font awesome, ya intenté con width: 50% y margin: auto pero no quiere funcionar, también intenté con text-center y tampoco, pido de su amable ...
Avatar del usuario crt
  • 127