Admin Tabla de contenido
¿Qué significa Font Awesome?
Font Awesome es un framework de iconos vectoriales y estilos css. Pero, te estarás preguntando… ¿y para qué sirve? Font Awesome se utiliza para sustituir imágenes de iconos comunes por gráficos vectoriales convertidos en fuentes.
¿Cómo usar los iconos de Font Awesome?
Requisitos prévios para usar Font awesome icons – Tener instalado el servidor local XAMPP en la PC para pruebas locales. – Tener el editor de texto sublime text u otro. – Crear un nuevo proyecto en la carpeta raiz htdocs o utilizar uno ya existente. – Crear un nuevo documento html index.
¿Cómo poner iconos de Font Awesome en WordPress?
Dentro de la web de Font Awesome, tenemos disponible la galería completa de iconos. Si entramos en uno cualquiera, por ejemplo, el icono de WordPress, veremos que justo debajo del título aparece un código HTML. Este es el código que debemos insertar en nuestra entrada.
¿Cómo usar iconos en HTML?
Insertar icono de pestaña en HTML
- Utilice y una imagen PNG para agregar favicon para el sitio web en HTML.
- Utilice y una imagen de ICO para agregar favicon para el sitio web en HTML.
¿Cómo cargar Font Awesome?
Instalación de los iconos Font Awesome
- Clic en el icono INICIO de Windows (en la barra de herramientas de Windows).
- Escribe el comando \%windir\%\fonts.
- Clic sobre la carpeta Fonts para abrirla.
- Pega cada uno de los archivos de la fuente de iconos dentro de la carpeta.
¿Cómo usar los iconos de Google Fonts?
Solo hay que ir a la web de Google Fonts Icons, elegir el iconos que queramos con su estilo correspondiente y se nos abrirá un panel a la derecha parecido a este.
¿Cómo actualizar Font Awesome?
Cómo hacer un upgrade desde la versión 4 Paso #1– Busca dentro de los archivos de tu tema el directorio correspondiente a Font Awesome y elimínalo. Paso #2– Sustitúyelo por el directorio de la nueva versión preparado como te indiqué anteriormente.
¿Cómo hacer más grandes los iconos de Font Awesome?
Hay más cosas que puedes hacer con los iconos además de cambiar el tamaño, y una muy chula es rotar el icono….Rotar iconos.
| Clase | Cantidad de rotación |
|---|---|
| fa-rotate-180 | 180° |
| fa-rotate-270 | 270° |
| fa-flip-horizontal | voltea el icono horizontalmente |
¿Cómo instalar Font Awesome 2021?
Utilizar Font Awesome en un proyecto Tener instalado el servidor local XAMPP u otro en la PC. Crear un nuevo proyecto en la carpeta raiz c: xampp/htdocs/ o utilizar uno existente. Para el ejemplo seguiremos usando el mismo proyecto, ahora guardamos las carpetas js y webfonts seleccionadas anteriormente de la libreria.