Я использую функцию @ font-face, чтобы использовать собственный шрифт (Geosanslight) на моем сайте Wordpress.

Я скачал WebKit, используяhttp://www.fontsquirrel.com и загрузил их в папкуhttp://www.lynnepassmore.com/public_html/wp-content/themes/esteem/fonts.

Затем я использовал функцию @ font-face в своем файле CSS для их вызова. Однако шрифт не виден ни в одном браузере.

Вот мой @ font-face css:

@font-face {
font-family: 'geosanslight';
src: url('../fonts/geosanslight-webfont.eot');
src: url('../fonts/geosanslight-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/geosanslight-webfont.woff2') format('woff2'),
url('../fonts/geosanslight-webfont.woff') format('woff'),
url('../fonts/geosanslight-webfont.ttf') format('truetype'),
url('../fonts/geosanslight-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}

body, h1, h2, h3, h4, h5, h6, p, li, a {
font-family: geosanslight !important;
}