Change font of headline and table titles

  • Resolved redvega

    (@redvega)


    9 years, 8 months ago

    Hello, how do i change the font of the “Invoice” headline and the table titles? I used the font face commando in the style.css in the body tag and it works, but it doesn’t apply to the headline, the table titles and the summary part ??

    @font-face {
font-family: 'MyriadProRegular';
font-style: normal;
font-weight: light;
src: url(https://www.test.com/wp-content/themes/proactive/css/fonts/MyriadPro-Regular.ttf) format('truetype');
}

body {
        color: #1f1f1f;
	font-family: 'MyriadProRegular', sans-serif;
	font-size: 9pt;
}

    For example i can change the color and size of the “Invoice” headline, but not the font:

    .document-type-label {
	font-family: 'MyriadProRegular', sans-serif;
	font-size: 18pt !important;
	color:#bba77a !important;
}

    What is the problem here?

    https://www.ads-software.com/plugins/woocommerce-pdf-invoices-packing-slips/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor Ewout

    (@pomegranate)

    The elements that you refer to are all bold – if you want to display them in the custom font too, you need to load the bold font file too.

    Let me know if that helps!

    Thread Starter redvega

    (@redvega)

    I’m sorry, i don’t understand what you mean. Can you give me a code example?

    Plugin Contributor Ewout

    (@pomegranate)

    Yes, that would be:

    font-weight: bold;

    You then need to load the bold font file separately.

    Or in your example (I changed the font-family name because it now includes both bold and normal)

    @font-face {
	font-family: 'Myriad Pro';
	font-style: normal;
	font-weight: normal;
	src: url(https://www.test.com/wp-content/themes/proactive/css/fonts/MyriadPro-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Myriad Pro';
	font-style: normal;
	font-weight: bold;
	src: url(https://www.test.com/wp-content/themes/proactive/css/fonts/MyriadPro-Bold.ttf) format('truetype');
}
.document-type-label {
	font-family: 'Myriad Pro', sans-serif;
	font-size: 18pt !important;
	color:#bba77a !important;
}

    Documentation for using custom fonts is here:
    https://docs.wpovernight.com/woocommerce-pdf-invoices-packing-slips/using-custom-fonts/

    Thread Starter redvega

    (@redvega)

    Thank you very much and sorry for the late resonse! Shame on me :/

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change font of headline and table titles’ is closed to new replies.