Как использовать новые темы значков дизайна материала: Outlined, Rounded, Two-Tone и Sharp? - PullRequest
0 голосов
/ 12 мая 2018

Google обновил свои Значки материалов дизайна с 4 новыми предустановленными темами:

В общих чертах, Закругленный, Двухцветный и Резкий , в дополнение к обычной Заполнено / Базовая линия тема:


Но, к сожалению, нигде не сказано, как использовать новые темы.


Я использовал его через Google Web Fonts , включив ссылку:

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

И затем используя требуемый значок , как предложено в документации :

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

Но он всегда показывает версию 'Filled / Baseline'.


Я пытался сделать следующее, чтобы использовать тему Outlined :

<i class="material-icons">account_balance_outlined</i>
<i class="material-icons material-icons-outlined">account_balance</i>

и, изменив ссылку на веб-шрифты на:

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

и т. Д.Но это не работает.


И нет смысла делать снимки в темноте таким образом.


tl; dr: Кто-нибудь пробовал использовать новые темы?Это даже работает как базовая версия (встроенный тег HTML)?Или это только для загрузки в формате SVG или PNG?

Заранее спасибо.

Ответы [ 11 ]

0 голосов
/ 16 мая 2018

Новые темы, вероятно, не являются (пока?) Частью шрифта Material Icons. Link .

...