How to Use Different Fonts in HTML Object

23 May, 2024 06:54:11
kaya.murer
Topics: 3
Messages: 8
Hi support team,

I've uploaded two fonts: "Univers LT Pro 55 Roman" and "Univers LT Pro 65 Bold".
I am using a single HTML object with the following HTML and CSS:

HTML:
<p><span>[e2pdf-wp key="title"]</span></p>
<p>[e2pdf-wp key="text"]</p>

CSS:
p span {
font-family: "Univers LT Pro 65 Bold";
}

I've set the font of my HTML object to "Univers LT Pro 55 Roman".
But I'm not sure how to ensure that the text inside the span tags is in Univers LT Pro 65 Bold.
With my solution the text is rendered different than the other text but not in Univers LT Pro 65 Bold.

Could you please help me achieve this?

Thanks!
23 May, 2024 07:26:50
E2Pdf
Support
Topics: 7
Messages: 3330
Hello,

The usage and CSS is correct. If it's not rendered as expected, ensure you are using the correct font-family. It needs to use the "bold" value from the "E2Pdf" -> "Settings" -> "Fonts".

See please the screenshot attached.

If you still fail with setup - please attach or share the links to the fonts used.
We would really appreciate your feedback at WordPress.org!
23 May, 2024 07:42:00
kaya.murer
Topics: 3
Messages: 8
Hi Support Team,

Thank you for the quick assistance. I logged in to check if I had written everything correctly, and I noticed that everything is now working and the correct font is being loaded. I think it might have been a cache problem that was causing the issue.

Thanks again!

Best regards, Kaya