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">...
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/...
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.
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 ...
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 ...
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, ...
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 ...
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á ...
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="...
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-...
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:
&...
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....
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:
...
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 ...
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 ...
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 = $(...
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....
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)....
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 ...
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 ...
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",
...
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 ...
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 ...
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 ...
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:/...
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....
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 === "...
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: ...
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 ...
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
font-awesome × 85css × 31
html × 25
javascript × 14
html5 × 12
icons × 10
angular × 9
php × 6
laravel × 6
bootstrap × 5
vue.js × 5
css3 × 4
sass × 4
fuentes × 4
java × 3
jquery × 3
reactjs × 3
npm × 3
c# × 2
ajax × 2
asp.net × 2
laravel-5 × 2
wordpress × 2
netbeans × 2
datatables × 2