System fonts - WPDreams

This topic has 7 replies, 2 voices, and was last updated 5 years, 1 month ago by Ernest Marcinko.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
April 8, 2021 at 2:43 pm #32616

deinurlaubsdeal
Participant

Hi there,

on my whole website I am using “system fonts” and I also would like to set this fonts style for Ajax Search Pro. In the styling options I did not see any possibility to make the change.

Could you please help me out or provide custom CSS code for system fonts for Ajax search pro?

Thanks,
Caio

April 9, 2021 at 8:42 am #32629
Ernest Marcinko
Keymaster
Hi,

You can enter custom fonts to the typography here: https://i.imgur.com/rsycD65.png

For simplicity, you can also use a custom CSS to force fonts across all of the plugin elements:
```
.asp_w, asp_w * {
    font-family: 'My font' !important;
}
```
April 13, 2021 at 2:04 pm #32690

deinurlaubsdeal
Participant

Hi Ernest,

I use the following code in custom CSS to have system fonts on my website:

body {font-family: -apple-system, system-ui, BlinkMacSystemFont, “Segoe UI”, Helvetica, Arial, sans-serif, “Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol”;}
h1,h2,h3,h4,h5,h6 {font-family:-apple-system, system-ui, BlinkMacSystemFont, “Segoe UI”, Helvetica, Arial, sans-serif, “Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol”;}

I used the custom CSS you provided but it does not appear to work for my search bars.

For the method you sent in the screenshot: What should I insert instead of “Your font name”?

Thanks,
Caio

April 14, 2021 at 10:05 am #32702
Ernest Marcinko
Keymaster
Hi,

Those custom CSS rules are not specific enough to override the plugin fonts. Based on your custom CSS, try this:
```
.asp_w, asp_w * {
    font-family:-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
```
April 14, 2021 at 10:46 am #32703

deinurlaubsdeal
Participant

Hi,

just tried it but for some reason it is stil not working. 🙁

Could you please check again?

Thanks,
Caio

April 14, 2021 at 11:43 am #32704
Ernest Marcinko
Keymaster
Sorry, I made a mistake there:
```
.asp_w, .asp_w *, .asp-try * {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
```
April 14, 2021 at 12:13 pm #32705

deinurlaubsdeal
Participant

Works! Thank you!

April 14, 2021 at 12:18 pm #32707

Ernest Marcinko
Keymaster

You cannot access this content.
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.