search

shlomiassaf / ngx-modialog

Modal / Dialog for Angular
http://shlomiassaf.github.io/ngx-modialog
MIT License
686 stars 242 forks source link

how to change the font instead of default one for the dialog? #407

Open wgsl2005 opened 6 years ago

wgsl2005 commented 6 years ago

I have this wonderful dialog set up for our application - looks great! but I want to use a different font instead of the the default Helvetica. I have tried the inline CSS in the dialog body html, but didn't work. Should I change anything from bootstrap css? Can anybody tell me how to use our own font for the dialog? thanks, Alex

celestale commented 6 years ago

Hi @wgsl2005,

I think changing the CSS of .modal-content class works great.

.modal-content {
font-family: XXX
}
celestale commented 6 years ago

Also, try setting ViewEncapsulation.None if it still doesn't work.

@Component({
    selector: .....
    templateUrl: .....
    encapsulation: ViewEncapsulation.None
})
wgsl2005 commented 6 years ago

thanks celestale. .modal-body{font-family: XXX} seems also work for me