Установлен флажок и выберите значки без sans.
Я добавил библиотеку примитивов для: https://github.com/primefaces/primeng/wiki/Migration-Guide
Однако, что-то все еще гадость, я не могу получить значки с появлением.
package.json:
...
"primeicons": "^1.0.0-beta.10",
"primeng": "6.1.2",
также есть, не уверен, если это уместно.Не похоже, что он перезаписывает CSS, но возможно
"font-awesome": "4.7.0",
"@angular/material": "^6.4.7",
html:
<p-checkbox binary="true" label="Match Note"></p-checkbox>
html, показывающий класс значков - из инструментов разработчика:
<span class="ui-chkbox-icon ui-clickable pi pi-check" ng-reflect-klass="ui-chkbox-icon ui-clickable" ng-reflect-ng-class="[object Object]"></span>
css - из инструментов разработчика:
.ui-chkbox .ui-chkbox-icon {
display: block;
}
<style>…</style>
.ui-widget, .ui-widget * {
box-sizing: border-box;
}
<style>…</style>
*, *::before, *::after {
box-sizing: border-box;
}
<style>…</style>
.ui-chkbox .ui-chkbox-box {
width: 1.125em;
height: 1.125em;
line-height: 1.125em;
border-radius: 2px;
text-align: center;
}
<style>…</style>
.ui-chkbox-box.ui-state-active, .ui-radiobutton-box.ui-state-active {
border: 1px solid #156090;
background: #186ba0;
color: #FFFFFF;
}
<style>…</style>
.ui-state-active {
border-color: #bebebe;
background-color: #d6d6d6;
color: #212121;
}
<style>…</style>
.ui-state-default {
border: 1px solid #d6d6d6;
background-color: #ffffff;
color: #555555;
}
<style>…</style>
.ui-widget {
/* font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif; */
font-size: 1em;
}
<style>…</style>
.ui-chkbox {
display: inline-block;
cursor: pointer;
vertical-align: middle;
margin-right: .25em;
-ms-user-select: none;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
<style>…</style>
.ui-widget {
/* font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif; */
font-size: 1em;
}
<style>…</style>
.mat-card {
background: white;
color: rgba(0, 0, 0, 0.87);
}
<style>…</style>
.mat-card {
/* font-family: Roboto,"Helvetica Neue",sans-serif; */
}
Style Attribute {
visibility: visible;
}
<style>…</style>
.mat-expansion-panel {
background: white;
color: rgba(0, 0, 0, 0.87);
}
<style>…</style>
.mat-expansion-panel {
background: #fff;
color: rgba(0,0,0,.87);
}
<style>…</style>
body {
margin: 0;
font-family: 'Roboto', sans-serif;
}
<style>…</style>
body {
margin: 0;
/* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
i": ;
*/: ;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
<style>…</style>
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
<style>…</style>
body {
margin: 0;
font-family: 'Roboto', sans-serif;
}
<style>…</style>
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
i": ;
*/i": ;
*/: ;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
<style>…</style>
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
<style>…</style>
body {
margin: 0;
font-family: 'Roboto', sans-serif;
}
<style>…</style>
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
i": ;
*/: ;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}