Skip to main content

Respuestas populares con la etiqueta

15 votos

Cómo dar tamaño a un fa fa-icons - HTML

La manera de hacer esto según la documentación es así: i{ color: black; } <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">...
Avatar del usuario warner
  • 374
8 votos
Aceptado

¿Como instalar Font Awesome 5 en Angular 6?

En vista y considerando que estas usando npm y no yarn pues no tienes otra opción mas que usar los iconos al estilo html. Debes hacerlo de la siguiente forma ejecutar npm install --save @fortawesome/...
Avatar del usuario LPZadkiel
  • 2,957
6 votos
Aceptado

Cómo dar tamaño a un fa fa-icons - HTML

Tienes la etiqueta style cerrada. <i class="fa fa-bars fa-lg" style="color:#FFFFFF; width:6; height:6;"/></i> Por otra parte, creo que los iconos funcionan con la propiedad font-size.
Avatar del usuario Flowen
  • 2,157
5 votos

¿Cómo centrar un icono de FontAwesome dentro de un div?

Deberías añadirle la clase al contenedor, no al icono. Es decir, deberías de añadirle la clase text-center al div que contiene el icono y no al propio icono. He creado un div que englobe al icono (y ...
Avatar del usuario Francisco Romero
4 votos
Aceptado

carga de iconos font awesome

Juan, debes tener un problema sea con el archivo de fontawesome que estás usando, sea con restricciones del navegador, o con las rutas u otra cosa. De todos modos en la página de FA, ellos dan una ...
Avatar del usuario A. Cedano
  • 95.2k
4 votos

Como poner un icono Fontawesome en un boton de DataTable? - Angular

Deberías ponerlo de esta forma: text: '<i class="fab FA-ICONO-ICONO"></i>', En la web de font awesome puedes elegir el icono que quieres mostrar y abajo te vendrá el código, ...
Avatar del usuario carlosdag28
3 votos

No puedo editar los iconos de fontawesome

El problema se debe a que estas cargando el CSS de FontAwesome con un tag script <script defer src="fontawesome/css/all.css"></script> Solución: Debe usar un tag link para cargar ...
Avatar del usuario Marcos
  • 35.6k
3 votos

Los iconos de fontawesome no cargan y me aparecen cuadrados

Para que fontawesome funcione es necesario que varias cosas estén correctas. 1. Que la url de la librería esté correctamente embedeada <link href=""> en la cabecera. El elemento que contendrá ...
Avatar del usuario Jorhel Reyes
3 votos

Como hago para que me aparezca el icono fontawesome?

Veo que tienes muchas líneas de código innecesarias. No veo que estés importando la librería mediante CDN (a menos que lo tengas en tu local). Sería: <link rel="stylesheet" href="...
Avatar del usuario Dav
  • 57
3 votos

Fuentes para pseudo elementos fontawesome

La solucion era tan sencilla como añadir la fuente principal antes de la fuente de FontAwesome. .header-search::placeholder { font-family: 'Poppins', "Font Awesome 5 Pro"; font-...
Avatar del usuario Aldahir Ruiz Valdez
3 votos
Aceptado

¿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?

Podes utilizar las clases de Bootstrap para la alineación vertical. Ejemplo: <span class="align-middle"><i class="fab fa-mdb fa-2x"></i></span> Demo: &...
Avatar del usuario Marcos
  • 35.6k
2 votos
Aceptado

CDN font-awesome no funciona correctamente

Te falta poner rel="stylesheet" en el link que hace referencia a font-awesome. Tiene que quedar así: <!DOCTYPE html> <html> <head> <link href="https://maxcdn....
Avatar del usuario Aitor
  • 1,008
2 votos

¿Cómo integrar Font Awesome 5 pro con Laravel?

Al adquirir Font Awesome 5 pro nos comparten un token que nos sirve para instalar mediante NPM dicha versión. Por ejemplo: XD233A20-E440-EFGH-ABCD-7BCE0988CDF1 Instalación En consola ejecutamos: ...
Avatar del usuario manix
  • 667
2 votos

Font Awesome en Laravel 5.7

puedes cojer y descargar el paquete font-awesome y ponerlo dentro del directorio /public quedandote asi: tu-proyecto/public/font-awesome, luego solo debes agregarlo en tu html base asi <!-- Font ...
Avatar del usuario Y1LY
  • 174
2 votos
Aceptado

¿Debo usar SVG, Fuentes de icono, o Imágenes?

Teniendo en cuenta calidad, rendimiento y velocidad y considerando que tu pregunta se refiere a insertar ICONOS quedan a la cabeza SVG y Fuentes. Ambas tendrán mayor calidad y mejor rendimiento que ...
Avatar del usuario Aarón Cárdenas
2 votos

Abrir input a partir de icono font awesome

Puedes usar JS para llamar el evento del input: $("i").click(function () { $("input[type='file']").trigger('click'); }); $('input[type="file"]').on('change', function() { var val = $(...
Avatar del usuario Jheyman Mejia
2 votos
Aceptado

Los iconos no funcionan en dispositivos moviles

Parece que el dispositivo móvil no tiene acceso a internet, tendrás que descargar manualmente los archivos fuentes de https://fonts.googleapis.com/icon?family=Material+Icons y https://use.fontawesome....
Avatar del usuario Oscar David Diaz Fortaleché
2 votos
Aceptado

Evitar hacer doble clics en un checklist con Javascript

El problema es tu variable i. Intenta verificar primero la clase del span, y de acuerdo a su valor, cambiarlo: $(".checked").click(function(){ if($(this).hasClass('fa-square-o')){ $(this)....
Avatar del usuario Erik Cuaquira
2 votos

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

Editado El problema esta en tu html, esta totalmente mal. Tienes el div.wrapper dentro del div.header, además de que cierras una etiqueta form la cual no existe su apertura. Y cierras demasiados divs ...
Avatar del usuario Rimuru Tempest
2 votos
Aceptado

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

Te falta ponerle una u delante al código del icono que estás tratando de escribir. Es decir: lblAlertIcon_Login.setText("\uf017"); Esto es porque el léxico de los escapes unicode consiste en \u y el ...
Avatar del usuario ordago
  • 4,976
2 votos
Aceptado

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

Adjunto la solución, gracias a @porloscerros por la ayuda prestada. Paso 1 - Modificar el package.json "@fortawesome/fontawesome": "^1.1.8", "@fortawesome/fontawesome-free-solid": "^5.0.13", ...
Avatar del usuario ilernet
  • 1,323
2 votos
Aceptado

Los iconos de fontawesome no cargan y me aparecen cuadrados

Tienes que agregar primero la clase far o fas al elemento i después de crearlo. Sin eso te aparecera un cuadro y no el icono cuando intentes cambiarlo. La corrección sería así: //PRIMERO CAMBIO ...
Avatar del usuario Edward Carrillo
2 votos

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

buenas. Por lo general cuando no aparecen los iconos se debe o bien a una mala implementación o bien estás usando iconos que no se encuentran dentro de la versión gratuita. Te aconsejo a la hora de ...
Avatar del usuario Eduardo Jaen
2 votos
Aceptado

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

FontAwesome implementa el media query prefers-reduced-motion La función multimedia CSS de prefers-reduced-motion se utiliza para detectar si el usuario ha solicitado que el sistema minimice la ...
Avatar del usuario Marcos
  • 35.6k
1 voto

Abrir input a partir de icono font awesome

Puedes agregar un id al input y llamar al evento click asi: function abrir() { var file = document.getElementById("file").click(); } <html> <head> <link href="https:/...
Avatar del usuario alanfcm
  • 20.9k
1 voto

Font Awesome en Laravel 5.7

primero instalas npm install font-awesome importas en el app.scss @import "~font-awesome/scss/font-awesome"; copiamos el contenido de la carpeta fonts para esto agragas en el archivo webpack....
Avatar del usuario diasblo66
1 voto
Aceptado

Codigo jquery que cambia de texto al dar click en "ver más"

Hice un pequeño codigo espero te sirva: $(document).ready(() => { $('#alternar-respuesta-ej5').click((e) => { let clase= $(e.target).attr("class"); if(clase === "...
Avatar del usuario David Leonardo Molina Ruiz Dav
1 voto

¿Cómo posiciono los iconos de font-awesome con CSS3?

para ponerlo a la derecha del texto: lo definís a la derecha del texto. para ponerlo arriba del texto: insertas un salto de línea (line break) justo después del icono. para ponerlo debajo del texto: ...
Avatar del usuario alo Malbarez
  • 9,678
1 voto
Aceptado

Realizar función php desde un icono de font-awesome

haci debes enviarlo a tu funcion a tu archivo php <a href="<?php echo URL;?>/login.php?$variable='desconectar'>" class="btn btn-default btn-flat">Cerrar Sesión</a> <a ...
Avatar del usuario Carlos Enrique Gil Gil

Only top scored, non community-wiki answers of a minimum length are eligible