Следуйте инструкциям в видео ниже, чтобы узнать, как установить наш сайт как веб-приложение на главный экран вашего устройства.
Примечание: Эта функция может быть недоступна в некоторых браузерах.
.label:before {
font-size: 80%;
font-family: 'Font Awesome 5 Pro';
margin-right: 5px;
}
.fab.fa-android:before, .fa.fa-windows:before {
font-size: 80%;
font-family: 'Font Awesome 5 Brands';
margin-right: 5px;
}
label label--green fab fa-android
label label--royalBlue fa fa-windows
font-family: 'Font Awesome 5 Pro';
extra.less
выравнивание и оформление FA иконок:.label {
border-radius: 0px;
display: inline-block;
position: relative;
font-size: 80%;
cursor: pointer;
font-family: 'Fira Sans Extra Condensed';
min-width: 100px;
text-align: center;
vertical-align: middle;
padding: 1px .35em;
line-height: 17px;
}
.label.fa:before {
font-size: 80%;
font-family: 'Font Awesome 5 Pro';
margin-right: 5px;
}
.block[data-widget-definition="xfrm_new_resources"] .block-container .label.label--green.fa.fa-android:before {
font-family: 'FontAwesome';
}
Не помогло, а вот изменениеМожно так прописать для конкретно этой ситуации и все должно отображаться корректно:
CSS:.block[data-widget-definition="xfrm_new_resources"] .block-container .label.label--green.fa.fa-android:before { font-family: 'FontAwesome'; }
.label.fa:before {
на .label-fa:before {
помогает, но другие FA иконки префиксов слетают..label {
border-radius: 0px;
display: inline-block;
position: relative;
font-size: 80%;
cursor: pointer;
font-family: 'Fira Sans Extra Condensed';
min-width: 100px;
text-align: center;
vertical-align: middle;
padding: 1px .35em;
line-height: 17px;
}
.label.fa:before {
font-size: 80%;
font-family: 'Font Awesome 5 Pro';
margin-right: 5px;
}
.block[data-widget-definition="xfrm_new_resources"] .block-container .block-body .contentRow-main .fa.fa-android:before {
font-family: 'FontAwesome' !important;
}
.block[data-widget-definition="xfrm_new_resources"] .block-container .block-body .contentRow-main .label.fab:before {
font-size: 80%;
font-family: 'Font Awesome 5 Pro';
margin-right: 5px;
}
font-family: 'Font Awesome 5 Pro';
font-family: 'Font Awesome 5 Brands';
.fab.fa-android:before {
font-size: 80%;
font-family: 'Font Awesome 5 Brands';
margin-right: 5px;
}
.label:before {
font-size: 80%;
font-family: 'Font Awesome 5 Pro';
margin-right: 5px;
}
.fab.fa-android:before, .fa.fa-windows:before {
font-size: 80%;
font-family: 'Font Awesome 5 Brands';
margin-right: 5px;
}
label label--green fab fa-android
label label--royalBlue fa fa-windows