Shadows 1.X - adding a font

[lesliekirk]

In my theme-styles.css I have added:

/* TorusNotched - bold */
@font-face {
font-family: 'TorusNotched-Bold';
font-style: bold;
font-weight: 700;
src: local('TorusNotched Bold'), local('TorusNotched-Bold'),
url('TorusNotched-Bold.woff') format('woff')
}

I have also tried

/* TorusNotched - bold */
@font-face {
font-family: 'TorusNotched-Bold';
font-style: bold;
font-weight: 700;
src: local('TorusNotched Bold'), local('TorusNotched-Bold'),
url('themes/shadows/ui/css/TorusNotched-Bold.woff') format('woff')
}

The TorusNotched-Bold.woff file is in the themes/shadows/ui/css/ folder

The font is not rendering. I had "assumed" it was because it displayed perfectly on my machine. I discovered it did so because this font was in my system. Why is it not displaying on the site?

[Matt Zimmermann]

Hi Leslie,

I would start by removing the local source references if it is not a font commonly installed on devices and then I would test the URL in the browser to confirm the file is accessible to the browser.

[lesliekirk]

Hi Leslie,

I would start by removing the local source references if it is not a font commonly installed on devices and then I would test the URL in the browser to confirm the file is accessible to the browser.

Question - is that why I can see it? That tells it to look for it on my computer?

[Matt Zimmermann]

Correct

[lesliekirk]

Is this the correct format (to remove the local reference)?

/* TorusNotched - bold */
@font-face {
font-family: 'TorusNotched-Bold';
font-style: bold;
font-weight: 700;
src: url('themes/shadows/ui/css/TorusNotched-Bold.woff') format('woff');
}

Yes, the file is accessible via the browser, LOL, I just downloaded it again.

[Matt Zimmermann]

Hi Leslie,

Yes, that looks like the correct format.

[lesliekirk]

Thanks! That fixed it.