Importing a web font using @font-face in shopify's liquid

gistfile1.txt

@font-face {
font-family: 'font';
  src: url('{{ 'font.eot' | asset_url }}');
src: url('{{ 'font.eot' | asset_url }}?#iefix') format('eot'),
url('{{ 'font.woff' | asset_url }}') format('woff'),
url('{{ 'font.ttf' | asset_url }}') format('truetype'),
url('{{ 'font.svg' | asset_url }}') format('svg');
font-weight: normal;
font-style: normal;
}
/* fixes choppy text in chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'font';
src: url('{{ 'font.svg' | asset_url }}') format('svg');
  }
}