How do I add this custom font to my pages?

Developer Support
1

@font-face {
font-family: ‘Objectivity’;
font-style: normal;
font-weight: 400;
src: local(‘Objectivity’), url(‘https://fonts.cdnfonts.com/s/18151/Objectivity-Regular.woff’) format(‘woff’);
}

using this in css to add objectivity font to my pages . but this is not working

please help

2

what framework?

3

Did you also add the fonts in the custom fonts tab on the left sidebar?

4

yes

5

the font is not visible on all machines when tested

6

beta.domyshoot.com

7

thats the website we are building

8

It seems to be visible to me:

image.png
image.png1312×1527 412 KB

9

yes but it is not showing on all systems.

10

Which operating systems/browsers? We just need to know how to reproduce the issue

11

it shows a serif font in place of objectivity on some systems (where objectivity is not installed)

12

I don’t think I have objectivity installed, it was loaded over the network as identified in the Chrome developer tools showing in the screenshot

One more thing to check, is this anything specific to plasmic, or an issue with the website? Are you able to get any page to work with that font on those systems experiencing the issue?

13

the entire site is made on plasmic as of now. we have not installed plasmic in our stack

14

Anyway, see my question above - if you can let us know which specific devices you’re seeing this on, or if you can reproduce it with a specific OS/browser combo on browserstack.com, we will be able to debug it, but we’re in the dark at the moment…