@font-face {
  /* 1. 自訂字體名稱，之後在 CSS 中會用這個名字 */
  font-family: 'Belladonna Normal';

  /* 2. 指定字體檔案的路徑與格式 */
  /* 瀏覽器會從上到下尋找它支援的格式，所以把最好的 woff2 放最前面 */
  src: url('../fonts/Belladonna Normal Regular.woff2') format('woff2'),
       url('../fonts/Belladonna Normal Regular.woff') format('woff');

  /* 3. 定義這個字體檔案對應的粗細與樣式 */
  font-weight: 400;  /* Regular 通常對應 400 */
  font-style: normal;

}