Импорт шрифта через CSS

Question

Я пытаюсь импортировать пользовательский шрифт, используя CSS @font-face. Пока это не увенчалось успехом. Я искал различные варианты, но все не сработало. Ниже я попытался.

@font-face { 
    font-family: "HelveticaNeueLTSt"; 
    src: url({{ 'HelveticaNeueLTStd-Md.otf' | asset_url}}); 
} 

Скобки в URL-адресе src принадлежат Shopify. Он связывает по следующему адресу /t/3/assets/style-light.css?3035

Вот соответствующий CSS

#productHeader h1 {font-family:'HelveticaNeueLTStd', serif;font-size:22px;margin:0px 0 5px 0;text-transform:uppercase;font-weight:600;letter-spacing:.4px;line-height:28px;} 
#subproductVendor{font-family:'HelveticaNeueLTStd', serif;color:#333;font-size:14px;font-weight:600;text-transform:lowercase;} 
#productVendor {font-family:'HelveticaNeueLTStd', serif;color:#333;font-size:22px;text-transform:uppercase;font-weight:500;} 

Я не совсем уверен, что я делаю неправильно, потому что большинство учебников по этому вопросу предоставляют такую ​​информацию. Любые мысли о том, как я могу заставить это работать?

Answer 1

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

Этот код, а также убедитесь, что у вас есть все файлы справа - FontSquirrel делает трюк!