Как импортировать стиль шрифта в CSS и использовать на странице?

Question

Я пытаюсь использовать шрифт с именем neontubes, и у меня есть следующий код, который я импортировал и поместил в свой стиль CSS в WordPress.

  @font-face { 
    font-family: 'neontubes';
    src:  url('https://bitbucket.org/kennethjensen/webfonts/raw/fc13c1cb430a0e9462da56fe3f421ff7af72db71/neontubes/neontubes-webfont.eot'); 
    src:  url('https://bitbucket.org/kennethjensen/webfonts/raw/fc13c1cb430a0e9462da56fe3f421ff7af72db71/neontubes/neontubes-webfont.eot?#iefix') format('embedded-opentype'),
          url('https://bitbucket.org/kennethjensen/webfonts/raw/fc13c1cb430a0e9462da56fe3f421ff7af72db71/neontubes/neontubes-webfont.woff2') format('woff2'),
          url('https://bitbucket.org/kenneth jensen/webfonts/raw/fc13c1cb430a0e9462da56fe3f421ff7af72db71/neontubes/neontubes-webfont.woff') format('woff'), 
          url('https://bitbucket.org/kennethjensen/webfonts/raw/fc13c1cb430a0e9462da56fe3f421ff7af72db71/neontubes/neontubes-webfont.ttf')

Затем я попытался использовать стиль div.

.event {font-family: neontubes;}

Ничего не случилось?

Answer 1

Попробуйте удалить точку с запятой после первого URL. Кроме того, вы не можете иметь несколько свойств src. Вот пример:

@font-face {
    font-family: ProximaNovaLight;
    src: url("/Portals/0/Fonts/ProximaNova-Light.woff") format("woff"), url("/Portals/0/Fonts/ProximaNova-Light.ttf")  format("truetype");
}