Fuente impresionante 5 Selector en puro JavaScript-FontAwesome-selector

Tiempo de ejecución: 30 minutos. Empezar

Autor: XigeTime
Views Total: 120
Sitio oficial: Ir a la web
Actualizado: March 14, 2019
Licencia: MIT

Vista prévia

Fuente impresionante 5 Selector en puro JavaScript-FontAwesome-selector

Descripción

Un simple, seleccionable Font awesome selector que permite al visitante elegir rápidamente un icono de Font awesome 5 desde la ventana emergente.

Admite tipos de icono de Solid, regular y Brands.

Funcionamiento

Cargue la última fuente icónica Font awesome en el archivo HTML.

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

Cargue los archivos JavaScript y CSS de FontAwesome-selector.

<link rel="stylesheet" href="/path/to/faSelectorStyle.min.css">
<script src="/path/to/faSelectorWidget.min.js"></script>

Agregue el ID de FA-selector al elemento desencadenante.

<span id="fa-selector">Icon Picker</span>

Haga que el elemento de desencadenador para abrir el selector de fuente impresionante cuando se hace clic.

<span onclick="openFaSelector(this,event)" id="fa-selector">Icon Picker</span>

Cambie el tema (por defecto a clásico) a moderno.

<span onclick="openFaSelector(this,event)" id="fa-selector" data-theme="modern">Icon Picker</span>

Te puede interesar: