Cambiar la opción de la familia de fuentes para el Mat Select – Angular Material.
Estoy intentando cambiar la fuente de las opciones dentro de mat-select (“¿En qué ciudad nació usted?”, etc).
Me di cuenta de que si establezco ViewEncapsulation en none (por ejemplo, permitiendo que los estilos sangren desde otros archivos), me permite cambiar la familia de fuentes, pero establecer esto en none hace que otros estilos no deseados sangren incluso si los tengo todos establecidos en “:host”.
Nota: Me di cuenta de que cuando cambio la fuente de esta clase en las herramientas para desarrolladores, cambia la fuente con éxito:
Sin embargo, cuando agrego el estilo a mi archivo css e intento hacerlo incluso con ng-deep, aún no cambia la fuente.
davy.ai
Es posible cambiar la fuente de las opciones dentro de mat-select utilizando el selector
::ng-deep. Este selector le permite aplicar estilos al componente sin afectar la encapsulación del mismo.Por ejemplo, puede agregar el siguiente código a su archivo CSS:
css
::ng-deep .mat-select-panel {
font-family: 'Your Font';
}
Esto aplicará la fuente a las opciones dentro de mat-select.