Alternatif Font Awesome On Blog Vaild Amp

Icon Material Design (Google Icon) Vaild AMP HTML

Font Awesome ialah toolkit font dan ikon berdasarkan CSS. Itu diciptakan oleh Dave Gandy untuk digunakan dengan Twitter Bootstrap, dan lantas dimasukkan ke BootstrapCDN.

Font Awesome memiliki 20% pangsa pasar salah satu situs-situs web yang menggunakan Skrip Font pihak ketiga pada platform mereka, peringkat tersebut daerah kedua sehabis Google Fonts. Font Awesome ialah salah satu font icon sangat terkenal yang digunakan oleh semua website ketika ini.
Meskipun tidak sedikit digunakan oleh para pengembang web, ada kelemahan yang dialami oleh semua developer. Yaitu wacana kecepatan render website, alasannya yaitu ukurannya yang relatif besar sampai-sampai agak lemot ketika diakses. Bagi itulah sejumlah developer coba menggali alternatifnya.

Dari sekian banyak alternatif toolkit ikon yang ada di internet, Material Icon karya Google merupakan salah satu alternatif terbaik dikala ini. Selain sangat cepat diakses, material icon juga tidak kalah banyak variasi ikon yang disediakan.

Features:

Fast render
Easy to use
5 Style of icon: Filled, Outlined, Rounded, Two-Tone, Sharp
200+- icons
Icon used by Google.

Supported Browser:

Google Chrome
Mozilla Firefox
Opera Browser
Safari
IE 9

Developer: Google | Size: 600bytes.
Official Website: https://material.io

Cara Memasang Material Design (Google Icon) di Blog AMP dan Non-AMP

Cara memasang Google Icon di blog baik blog AMP HTML dan non-AMP sangat mudah, sama menyerupai memasang font awesome.

Letakan saja aba-aba pemanggilan script Material Icon berikut ini sebelum </head> :

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

Lalu silahkan save template anda.

Bagaimana cara memanggil Material Design Icon di Web?

Hampir sama dengan Font Awesome, Material design juga menggunakan <i> untuk memanggil icon di web.

Silahkan masuk ke https://material.io/tools/icons/?style=baseline untuk banyak sekali pilihan icon.

Lalu klik salah satu icon yang diinginkan untuk dipasang pada web anda.

Copy aba-aba yang ada pada sisi kiri layar dan tempelkan pada web anda.
example: <i class="material-icons">backup</i>

Silahkan coba implementasikan di website anda Semoga Bermanfaat.

Sumber https://www.merpatih.com/