custom css problem

Li Zhe

• January 19, 2024 15:31

hello, I had the same problem with the following post, but slightly different.

https://support.brizy.io/hc/en-us/community/posts/360062290391-Custom-CSS-doesn-t-work

I put a piece of css code in the head section of the project settings, the code is as follows:

<link href="https://myurl.com/result.css" rel="stylesheet"/> 

.use-my-font {

font-family:"Smiley Sans Oblique";

font-size:30px;

}

</style>

 

I want to set this css style ‘use-my-font ' on my web page text, but nothing happens when I call custom css name 'use-my-font' on the page, So I checked the code and found that this style was written into the previous div module, but it was not written into the p module. How should I solve this problem?

 

0

• 

  KC George

  • January 22, 2024 08:29

  Hi Li,

  If you are trying to use the Smiley Sans Oblique font  on your website, CSS is not the best way to accomplish it. Please download the font and add it to Brizy following the procedure in this article How to upload your custom fonts Once you upload the font, you can assign it to any of the available Typographies in Brizy. 

  0
• 

  Li Zhe

  • January 23, 2024 11:40

  Thank you George, I know the custom font method you are talking about, but the size of my font file is 6.3 MB. I use a special technical method to segment the font and then store it in my own cdn file. So I need to use my method and add the css style "use-my-font" to the <p> module.

  0
• 

  Ariel H.

  • January 23, 2024 12:45

  Hi Li,

  Thank you for the update.

  To address this issue, one possible workaround is to place the <link> tag in the header of your HTML document, along with the CSS code. Then, manually code the <p> module within the Embed element. This is demonstrated on this screencast - https://youtu.be/2eb_ghq3cjY

  I hope this solution proves helpful for you.

  Best regards,
  Ariel H.

  0

Please sign in to leave a comment.