What is Google Material Font Icons
Google Material Font Icons is a font made up entirely of icons.
It's a special font with icons instead of letters, numbers etc. You don't have to use images or sprite-sheets anymore. Material Font Icons are fully customizable and responsive.
What icons are available in Google Material Font Icons
There are 1000+ icons which you can use with MiliPro theme using Google Material Font Icons.
Please visit below url for full list of icons available in Google Material Font Icons.
https://fonts.google.com/icons?selected=Material+Icons
How To Use Material Font Icons With MiliPro
1) Visit icons page: https://material.io/tools/icons/?style=baseline
2) Click on the icon that you want to use.
3) You will get the icon code of that icon. Just copy paste the code on your Drupal website to use this icon.
Example:
<i class="material-icons">alarm</i>How to change size Of icon
The default size of font icons is 1em / 16px.
But you can change size of any icon by adding size class in the icon code.
size-2x, size-3x, size-4x, size-5x, size-6x, size-7x
Example:
<i class="size-2x material-icons">alarm</i>
<i class="size-3x material-icons">alarm</i>
<i class="size-4x material-icons">alarm</i>
<i class="size-5x material-icons">alarm</i>Font icons with CKEditor
CKEditor by default filter out <i></i> tag and thus remove Font icons.
When creating content, use Full HTML text format and write content in Source mode.
Use Text Format without CKEditor
You can create a new input format from:
Home >> Administration >> Configuration >> Content authoring >> Text formats and editors
example.com/admin/config/content/formats