Aínda que a USC ten unha fonte de iconas propia, LibGuides integra Font Awesome, polo que é esta a que imos utilizar.
Usar Font Awesome en LibGuides
Font Awesome está totalmente integrado en LibGuides v2. Deste xeito só necesitamos chamar ás iconas usando as súas clases CSS. Podemos usar as iconas de Font Awesome para engadir imaxes ás guías, iconas ao menú de navegación lateral ou integrar iconas de redes sociais nunha plantilla ou encabezado/pé de páxina.
Font Awesome 4.7 (Lista de iconas cos seus códigos)
Non cambiar as cores das iconas, esta guía é excepción.
Atención
Hai que traballar na vista HTML onde inseriremos o código da icona.
Se queremos borrar as iconas hai que facelo tamén na vista HTML
Exemplo:
Flag (bandeira)
<i class="fa fa-flag" aria-hidden="true"></i>
Se poñemos este código antes ou despois do título da caixa, páxina ou calquera texto da guía, aparecerá a icona de "ligazón externa".
Debemos poñer a icona External Link (Ligazón externa) nos assets de tipo Link (ou en calquera outro asset) cuxa ligazón leve fóra da guía que se está a consultar.
A icona irá sempre despois do título: <i aria-hidden="true" class="fa fa-external-link"></i>
Para aumentar o tamaño das iconas, utilizaremos as clases fa-lg (aumento do 33%), fa-2x, fa-3x, fa-4x o fa-5x
<i aria-hidden="true" class="fa fa-university"></i> Tamaño normal
fa-lg <i aria-hidden="true" class="fa fa-university fa-lg"></i>
fa-2x <i aria-hidden="true" class="fa fa-university fa-2x"></i>
fa-3x <i aria-hidden="true" class="fa fa-university fa-3x"></i>
fa-4x <i aria-hidden="true" class="fa fa-university fa-4x"></i>
fa-5x <i aria-hidden="true" class="fa fa-university fa-5x"></i>
