Cambiar ionicons por FontAwesome

  • myanesp

    (@myanesp)


    hace 3 años, 6 meses

    Buenas a todos:

    Estoy diseñando un tema hijo en local (por eso no adjunto enlace) a partir del tema padre NewsBase. Quiero cambiar los iconos sociales que vienen predeterminados por el catálogo de Ionicons por los de FontAwesome.

    Lo he intentado hacer a través del .css, con la instalación por código de FontAwesome, por la del plugin y nada, al cambiar los números de los iconos siempre lo hace en base a la librería de Ionicons.

    ¿Hay alguna manera de eliminar por completo los de ionicons para usar los de FontAwesome?

    Este es el código en css que he utilizado.

    .fontawesome::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.social-icon::before {
    margin-right: 10px;
    font-family: "Font Awesome 5 Brands";
}

.facebook::before {
    content: "\f39e";
}

.instagram::before {
    content: "\f16d";
}

	.social-icons ul a[href*="facebook.com"]:before,
.widget .social-widget-menu ul a[href*="facebook.com"]:before {
    content: "\f39e";
}

    Saludos y gracias.

Viendo 1 respuesta (de un total de 1)
  • Moderador kallookoo

    (@kallookoo)

    hace 3 años, 5 meses

    Hola @myanesp

    He mirado el codigo por encima del theme y podrias eliminarlo usando wp_deregister_style( 'ionicons' ); solo veo un problema y es que si realizas una busqueda de las referencias de los iconos veras que se utilizan en varias partes y algunas se incluyen por js, asi que no te recomiendo eliminarlo salvo que modifiques todas las referencias para que funcionen con el FontAwesome.

    Sobre el CSS diria que el problema esta en que por ejemplo en los widgets define la clase del ion y eso no lo modificas en tu codigo.
    Si miras el codigo de inc/widgets/widgets.php lo veras.

    Conclusion o cambias todas las referencias del ion o en el CSS del child theme creas todas las clases del ion que quieras cambiar por el valor de la otra fuente y obviamente comprobar que se renderiza bien.

    Saludos

    • Esta respuesta fue modificada hace 3 años, 5 meses por kallookoo.
Viendo 1 respuesta (de un total de 1)
  • El debate ‘Cambiar ionicons por FontAwesome’ está cerrado a nuevas respuestas.