基本使用方法如下，嵌入的字型可以自己命名：

@font-face {
  font-family: 名稱;
  src: url(路徑);
}

嵌入完後就可以直接以font-family使用。
需要注意字型的版權問題。
以及各個瀏覽器對於字型檔案的支援程度，參考W3C對於font-face說明。
 
 
另外也可以使用以下方法，先查找電腦中的字型，若沒有才進行下載。

@font-face {
  font-family: MyHelvetica;
  src: local("Helvetica Neue Bold"),
    local("HelveticaNeue-Bold"),
    url(MgOpenModernaBold.ttf);
}

來源：CSS 網頁字型 @font-face 使用教學與範例