Websdk 1.8.5/1.8.6 overriding Font family in body element

Description
Zoom sdk is introducing css to elements, this is not flexible and hard overrides page styles, why can’t you append classes?

Error
This was recently introduced, css to body overriding font family.

Which version?
1.8.5 and 1.8.6

To Reproduce(If applicable)
Inspect the body on the page

  • Browser:[e.g. Chrome]

Additional context
This was done previously to the root scrollbar but was resolved after I opened an issue,

but then it is still happening again to a different element, please revert and at least style with a class that can be overwritten if we do not want to use your Open Sans font family and other new styles on our page.

Hey @Meks,

Thank you for reaching out to the Zoom Developer Forum. Have you tried importing your CSS styles after the Zoom styles to see if that allows your rules to take precedence?

Let me know if that helps.

Thanks,
Max

@MaxM the styles from zoom are appended via script at the bottom of the head. Adding classes are fine and easier to override, but targeting DOM elements is not as straight forward.

Not that it cannot be over written, it just is not efficient.

<style>

    font-family: "Open Sans";
    font-style: normal;
    .....
    ....

</style>

Hey @Meks ,

We are aware of this, and are working on a solution. Until then, checkout the best practices for using the Web SDK without your fonts and css being overridden:

Thanks,
Tommy