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.
85 preguntas
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 ...
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,...
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>
<...
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&...
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 ...
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 ...
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 ...
-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-...
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/...
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-...
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 ...
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. ...
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="...
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 ...
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 ...
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,...
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 ...
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 ...
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 ...
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 ...
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 ...
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....
-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()...
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/...
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 ...
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 ...
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 ...
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=...
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=' Search' />
Esto es lo ...
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 ...
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";
@...
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 ...
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 ...
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-...
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 ...
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/...
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
...
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 ...
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 ...
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 ...
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 ...
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 ...
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="...
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" ...
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 ...
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 ...
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,...
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!!
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 ...
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 ...