I am trying to style a custom certificate but the online version and the PDF version aren't appearing in the same style.
The online version which is: http://international-counter-terrorism-training.multi-web-design.co.uk/index.php?option=com_guru&view=guruOrders&task=printcertificate&op=1&cn=Anti%20Terrorism%20-%20Definitions%20and%20History&an=Noel%20Whelan&id=101&cd=03-01-2018&ci=2&tmpl=component
The link above is the style we want to follow. I have attached the pdf so you can see how to PDF looks like once downloaded.
How can we style the text on the PDF version to appear the same as the link above
This is code we have used to style the certificate within the certificates manager
<p align="center">Presented To: <span style="font-family: 'Great Vibes', cursive; font-size: 40px; color: #969595; display: block; line-height: 50px;">[STUDENT_FIRST_NAME] [STUDENT_LAST_NAME]</span><br />
Course: [COURSE_NAME]<br />
Completion Date: [COMPLETION_DATE]</p>