За замовчуванням Fontello: шрифт 16 пікселів. Це зробить шрифт значка 16×16 px використовуючи font-size:16px у CSS. (зараз Fontello рекомендує 2048×2048 пікселів, але 512 також чудово працює) Ви можете змінити розмір ширини. Висота – це ключ. 23 листопада 2018 р
Піктограми найкраще працюють у чотирьох розмірах: 16 пікселів, 20 пікселів, 24 пікселів і 32 пікселів. Будь ласка, використовуйте піктограми в їх оригінальному розмірі. Вони надаються у файлах SVG і Adobe Illustrator. Піктограми розміром 16 і 20 пікселів оптимізовано для збалансованості в поєднанні з IBM Plex розміром 14 і 16 пікселів.
Рекомендований розмір значка залежить від операційної системи, яку ви використовуєте. Для iOS розмір значка має бути 1024 x 1024 пікселів. Однак рекомендований розмір піктограми Android залежить від пристрою. Зазвичай піктограми програм для Android створюються в 4 розмірах: 192 x 192 пікселів, 144 x 144 пікселів, 96 x 96 пікселів і 72 x 72 пікселів.
Ось список поширених розмірів:
- 256 пікселів x 256 пікселів @1x, 512px x 512px @2x.
- 128 x 128 пікселів @1x, 256 x 256px @2x.
- 32 пікселя x 32 пікселя @1x, 64px x 64px @2x.
- 16 пікселів x 16 пікселів @1x, 32px x 32px @2x.
Ви можете використовувати Fontello з Bootstrap так само, як і з будь-яким іншим веб-сайтом. Вам потрібно встановити пакет шрифтів на вашому веб-сайті та зв’язати файл CSS у вашому HTML-документі. Потім ви можете використовувати піктограми у своїх компонентах Bootstrap, додавши елемент span або i з назвою класу піктограми.
Піктограми інтерфейсу
| Розмір значка | призначення |
|---|---|
| 24dp | Ідеальний піксельний стандарт (базова лінія) розмір значка |
| 20dp | Додаткові невеликі візуальні елементи |
| 40d і 48dp | Для відображення або типу заголовка та великих розмірів екрана |