System fonts

This topic contains 7 replies, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 1 year, 5 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #32616
    deinurlaubsdeal
    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

    #32629
    Ernest Marcinko
    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;
    }
    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #32690
    deinurlaubsdeal
    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

    #32702
    Ernest Marcinko
    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;
    }
    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #32703
    deinurlaubsdeal
    deinurlaubsdeal
    Participant

    Hi,

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

    Could you please check again?

    Thanks,
    Caio

    #32704
    Ernest Marcinko
    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;
    }
    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #32705
    deinurlaubsdeal
    deinurlaubsdeal
    Participant

    Works! Thank you!

    #32707
    Ernest Marcinko
    Ernest Marcinko
    Keymaster
    You cannot access this content. Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


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

You must be logged in to reply to this topic.