How to use / customize specific fonts with your API?

Created by Danny Chu, Modified on Tue, 26 Jul 2022 at 02:39 PM by Danny Chu

There is a functionality for injecting css into the screenshot. 

However, The font needs to be stored somewhere in the cloud. In our example we used google fonts: (See photos below for reference)




For the example screenshot above, we used this CSS:



@import url('https://fonts.googleapis.com/css2?family=Splash&display=swap');
body
{
font-family: 'Splash', cursive;
color:blue !important;
}
h1,h2,h3,h4,h5
{
font-family: 'Splash', cursive;
color:red !important;
}

All headings or at least some of them should be appear with the custom font "splash" and a different color. 

I hope you find the above information useful!

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article