Add a font to a DataPage

[michaelalanherrera]

I want to add the Roboto font to my DataPage as a custom font. How do I do that?

[thirdcharm]

Hi michaelalanherrera,

1. Go to your DataPage > create Header/Footer. In the header, click "Source" and insert this code:

<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">

Reference to Roboto font: https://fonts.google.com/specimen/Roboto?selection.family=Roboto

2. Go to your Styles, use and add the following CSS rules to specify these families:

font-family: 'Roboto', sans-serif;

Let me know if this helped you.

[IMTanuki]

@thirdcharm

Thanks for this info. 

- I added the CSS in Styles / Data /  .cbResultSetData class - is that generally correct?

- This works on desktop, but not mobile. However, I haven't set up responsive functions yet (I would have thought that Caspo would be fully responsive OOTB). 

In your experience, do fonts in Caspio need to be set up :

- for each Styles Element Type AND class?

- separately for mobile and tablet form factors?

 

Thanks!