Maison >interface Web >js tutoriel >Comment utiliser la police d'icône dans vue
Le contenu de cet article explique comment utiliser les polices d'icônes dans vue. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.
Parce que le projet est construit avec Vue et qu'il n'est pas pratique d'utiliser des caractères Unicode, nous ne pouvons définir que la classe.
Au début, je pensais que c'était un problème de version, mais il n'y a eu aucun résultat. Ce n'est pas un problème de trouver le chemin de la police dans le style.
Finalement, j'ai essayé d'ajouter un morceau de CSS et j'ai constaté qu'il n'y avait aucun problème. Ceci n'est pas inclus dans layui.css. Je me demande si les experts layui envisageraient de l'ajouter.
[class^="layui-icon-"], [class*="layui-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: layui-icon !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-text-stroke-width: 0.2px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
Le code est collé. Les amis qui rencontrent le même problème peuvent essayer
Recommandations associées :
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!