Materializecss icônes ne fonctionne pas?

Je suis en utilisant materializecss. Mais je ne peux pas récupérer les icônes à travailler il dit le mot, mais n'affiche pas l'icône?

J'ai inclus la materializecss et le js, mais ne fonctionne toujours pas...

Ce que quelqu'un sait comment résoudre ce problème?

InformationsquelleAutor Aapje | 2015-11-22
  1. 37

    vous devez inclure les icônes avec ce lien:

    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" >

    lieu de cela quelque part dans votre tête et il va fonctionner!

    • Je vous remercie une fois de plus!
    • pas un problème 😉
    • Oh, c'est une chasse aux sorcières! Merci! Cependant, qu'est-ce que cela signifie? Ne nous télécharger quelque chose à partir de Google de cette manière? Ou ne veulent-ils pas à suivre ce qu'on utilise? Que faire si j'ai l'intention de déployer mon site sur un environnement déconnecté (strictes de sécurité intranet)?
    InformationsquelleAutor C.Schubert
  2. 3

    Vous pouvez effectuer les étapes suivantes pour rendre l'icône -

    1. ajouter ce lien dans votre page html - <link href="https://fonts.googleapis.com/icon?family=Material+Icons" >

    2. ouvrez le navigateur et vous verrez que l'icône a rendu. mais nous ne voulons pas que l'icône d'être rendu à l'aide de googleapis.

    3. ouvrir la console et aller à la src de google api et ouvrez le fichier css, et copie de l'ensemble de la css et ajouter le css dans un fichier css ou de se matérialiser.min.css.

    4. vous verrez la police de caractères de l'url dans le fichier css que vous venez de copier, ouvrir l'url dans le navigateur et le fichier de woff2 format de fichier sera téléchargé.

    5. maintenant, il suffit de copier le fichier dans le dossier de police et au changement de la crs de la police dans le fichier css pour pointer vers ce fichier.

    6. supprimer le lien que vous avez inclus dans l'étape -1 .

    actualisez la page, vous verrez l'icône de a rendu.

    Grâce

    • Très utile pour gagner du temps et pour éviter de faire trop de requêtes à l'api de google. Aussi, si votre site n'a pas besoin d'une connexion internet.
    • Juste pour mettre tout ce que je fait pour les autres, référence: cliquer sur le lien Matériel+Icônes de Copier l'intégralité du contenu et de l'enregistrer en tant que fichier css. viz. materializeicons.css Puis mettre à jour le fichier de police emplacement. src: url('../fonts/materializecss.woff2') format('woff2');. S'assurer d'avoir le fichier de police à ../fonts/ dossier. c'est à dire Télécharger woff2 Police pour les polices d'un dossier. L'url doit être fonction de l'endroit où vous stockez le fichier de police.
    InformationsquelleAutor Ujjwal Kumar Gupta
  3. 0

    Si vous allez utiliser l'icône n'oubliez pas d'ajouter CA. Si vous n'allez pas utiliser CDN vous devez télécharger les fichiers d'icône et de la carte avec votre code.

    $ Pour le Matériel Icônes

    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" >

    Balises suivantes peuvent être utilisées pour indiquer le matériau icônes.

    <i class="material-icons">add</i>

    Pour obtenir plus de détails, veuillez consulter ce lien officiel. Matériel-icônes

    Qui suit est un exemple de travail d'un extrait de code avec quelques icônes.

    HTML:

    <!DOCTYPE html>
<html>

	<head>
	  <title>ICON</title>
	  <!-- include material-icons -->
	  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	  <!--Let browser know website is optimized for mobile-->
	  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
	</head>

	<body class="row">
			<div class="col s12" >          
				<i class="material-icons">add</i>
				<i class="material-icons">thumb_up</i>
				<i class="material-icons">shopping_cart</i>
				<i class="material-icons">perm_identity</i>			
			</div>
	</body>

</html>

    InformationsquelleAutor Sandun Madola
  4. 0

    Si quelqu'un trébuche ici, assurez-vous que vous n'êtes pas le réglage de l'élément de police de l'ailleurs qui remplace l'icône de la police. Être en particulier les articles de !importants.

    InformationsquelleAutor Karuhanga