font on mobile devices doesnt appear

[nurypr]

Hi, i have this trouble with one font I need in my website, I’m new in this.
I installed the font, and it only appears in desktop view, but in mobile devices won’t show up. I dont know If Im writing something wrong in code. Hope someone can help. Thanks.

(the link is a print screen)

https://postimg.org/image/6hywmjg41/

/* External Fonts*/
@font-face { font-family: ‘Dauphinn’ ; src: url(‘Dauphinn.ttf’);}
@font-face {font-family: ‘Dauphinn’;
src: url(‘Dauphinn.eot’);
src: url(‘Dauphinn.eot?#iefix’) format(’embedded-opentype’),
url(‘Dauphinn.woff2’) format(‘woff2’),
url(‘Dauphinn.woff’) format(‘woff’),
url(‘Dauphinn.ttf’) format(‘truetype’),
url(‘Dauphinn.svg#Dauphinn’) format(‘svg’),
url(‘Dauphinn.otf’) format (‘otf’);

font-weight: normal;
font-style: normal;

}
/* Global styles */

[DeltaDave]

So have you actually uploaded the Font files to the server?

Your code suggests that the Fonts should be at the same level as the document you are trying to use them in – not what I would expect to see.

I would tend to have my fonts in a Fonts folder and then sub divided into specific font folders.

This would then lead me to code something like

@font-face { font-family: ‘Dauphinn’ ; src: url(‘Fonts/Dauphinn/Dauphinn.ttf’);}
src: url(‘Fonts/Dauphinn/Dauphinn.eot’);
src: url(‘Fonts/Dauphinn/Dauphinn.eot?#iefix’) format(’embedded-opentype’),

[Author]

Posts