a reusable less mixing for importing web fonts. Assumes all files in the same directory and name exactly the same except for their respective extensions.

fonts-importer.less

.import-font(@fileName, @filePath, @fontFamily){
  @font-face {
    font-family: @fontFamily;
    src: url('@{filePath}@{fileName}.eot');
    src: url('@{filePath}@{fileName}.eot?#iefix') format('embedded-opentype'),
    url('@{filePath}@{fileName}.woff') format('woff'),
    url('@{filePath}@{fileName}.ttf') format('truetype'),
    url('@{filePath}@{fileName}.svg#@{fileName}') format('svg');
    font-weight: normal;
    font-style: normal;
  }
}