html指定ttf,html - Using a ttf file in css - Stack Overflow

To my knowledge to use a custom font, stored locally in this case, you would use something similar to this.

@font-face {

font-family: 'theFontFamily';

src local('the font'),

local('the-font'),

url(path/to/the-font);

}

.fontClass {

font-family: 'theFontFamily', extra_settings;

}

So using this font, locally, would you expect this to work?

@font-face {

font-family: 'Pacifico';

src: local('Pacifico Regular'),

local('Pacifico-Regular'),

url(resources/fonts/Pacifico.ttf);

}

.logo-container {

font-family: 'Pacifico', cursive;

}

As when I try it, the code changes the font, just not to the desired font. It looks like this.

Whereas if I use the import link, , just using the following code works.

.logo-container {

font-family: 'Pacifico', cursive;

}

This looks like this.

I have probably made a simple mistake and I would appreciate if someone would be able to aid me in fixing this.