Font Awesome - Iconos del editor de texto
Este capítulo explica el uso de los iconos de Font Awesome Text Editor. Asumir quecustom es el nombre de la clase CSS donde definimos el tamaño y el color, como se muestra en el ejemplo que se muestra a continuación.
<html>
<head>
<link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css">
<style>
i.custom {font-size: 2em; color: gray;}
</style>
</head>
<body>
<i class = "fa fa-adjust custom"></i>
</body>
</html>
La siguiente tabla muestra el uso y los resultados de los iconos del Editor de texto Font Awesome. Reemplace la etiqueta <body> del programa anterior con el código dado en la tabla para obtener las salidas respectivas -
Uso | Resultado |
---|---|
<i class = "fa fa-align-center custom"> </i> | |
<i class = "fa fa-align-justify personalizado"> </i> | |
<i class = "fa fa-align-left custom"> </i> | |
<i class = "fa fa-align-right custom"> </i> | |
<i class = "fa fa-bold custom"> </i> | |
<i class = "fa fa-chain custom"> </i> | |
<i class = "fa fa-chain-broken-custom"> </i> | |
<i class = "fa fa-clipboard custom"> </i> | |
<i class = "fa fa-columnas personalizadas"> </i> | |
<i class = "fa fa-copy custom"> </i> | |
<i class = "fa fa-cut custom"> </i> | |
<i class = "fa fa-dedent custom"> </i> | |
<i class = "fa fa-eraser custom"> </i> | |
<i class = "fa fa-file personalizado"> </i> | |
<i class = "fa fa-file-o custom"> </i> | |
<i class = "fa fa-file-text custom"> </i> | |
<i class = "fa fa-file-text-o custom"> </i> | |
<i class = "fa fa-files-o custom"> </i> | |
<i class = "fa fa-floppy-o custom"> </i> | |
<i class = "fa fa-font custom"> </i> | |
<i class = "fa fa-header custom"> </i> | |
<i class = "fa fa-indent custom"> </i> | |
<i class = "fa fa-italic custom"> </i> | |
<i class = "fa fa-link personalizado"> </i> | |
<i class = "fa fa-list custom"> </i> | |
<i class = "fa fa-list-alt custom"> </i> | |
<i class = "fa fa-list-ol custom"> </i> | |
<i class = "fa fa-list-ul custom"> </i> | |
<i class = "fa fa-outdent custom"> </i> | |
<i class = "fa fa-paperclip custom"> </i> | |
<i class = "fa fa-paragraph personalizado"> </i> | |
<i class = "fa fa-paste custom"> </i> | |
<i class = "fa fa-repeat custom"> </i> | |
<i class = "fa fa-rotate-left custom"> </i> | |
<i class = "fa fa-rotate-right custom"> </i> | |
<i class = "fa fa-save custom"> </i> | |
<i class = "fa fa-scissors custom"> </i> | |
<i class = "fa fa-tachado personalizado"> </i> | |
<i class = "fa fa-subscript custom"> </i> | |
<i class = "fa fa-table custom"> </i> | |
<i class = "fa fa-text-heigh custom"> </i> | |
<i class = "fa fa-text-width custom"> </i> | |
<i class = "fa fa-th custom"> </i> | |
<i class = "fa fa-th-large custom"> </i> | |
<i class = "fa fa-th-list personalizada"> </i> | |
<i class = "fa fa-underline custom"> </i> | |
<i class = "fa fa-undo custom"> </i> | |
<i class = "fa fa-unlink custom"> </i> |