search

Daemonite / material

Material Design for Bootstrap 4
http://daemonite.github.io/material/
MIT License
3.2k stars 725 forks source link

Material Icons variants #248

Open ovicrisan opened 4 years ago

ovicrisan commented 4 years ago

When using variants of Material Icons, like Outlined for instance, icons won't work because explicitly references 'Material Icons' family font:

.custom-checkbox .custom-control-label::after { ... font-family: 'Material Icons'; ... }

So, when including <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="stylesheet">

you should use:

.custom-checkbox .custom-control-label::after { ... font-family: 'Material Icons', 'Material Icons Outlined'; ... }

My proposal is to include all possible variants of https://material.io/resources/icons/ in 'font-family'.

djibe commented 4 years ago

Good point.

I'll try to do it soon.

But I think I'd rather throw Material icons dependencies and switch to pure svg.

djibe commented 4 years ago

Hi, try my new build from my fork : https://github.com/djibe/material/tree/master/css

Insert a stylesheet like or Outlined or Two Tone or Rounded.

All the stuff will be converted to this icon set.

You can even keep the default markup <i class="material-icons">account_box</i> without using specific ones (like material-icons-sharp).

Tell me if you experience bugs.

djibe commented 4 years ago

@ovicrisan @sesemaya Hi, is the documentation OK for you ? https://djibe.github.io/material/docs/4.5/material/icons/