css - 自定义字体无法在手机上连接

Question

我在我的网页上使用自定义字体，它在桌面版本上运行良好，但在移动设备上，字体没有改变。我想我一定是在 font-face 属性上做错了什么。这是 CSS 文件。有什么想法吗？

html, body {
      height: 100%;
      width: 100%;
    }

body {
  background-image: url("/images/Portrait.jpg");
  font-family: Occupied,Arial,sans-seriff;
}


@font-face {
  font-family:"Occupied";
  src: url("/public/font/Occupied.eot?") format("eot"),
       url("/public/font/Occupied.woff") format("woff"),
       url("/public/font/Occupied.otf") format("otf"),
       url("/public/font/Occupied.woff2") format("woff2"),
       url("/public/font/Occupied.ttf") format("truetype"), 
       url("/public/font/Occupied.svg#Occupied") format("svg");
  font-weight:normal;
  font-style:normal;
}

Answer 1

先尝试添加@font-face

@font-face {
  font-family:"Occupied";
  src: url("/public/font/Occupied.eot?") format("eot"),
       url("/public/font/Occupied.woff") format("woff"),
       url("/public/font/Occupied.otf") format("otf"),
       url("/public/font/Occupied.woff2") format("woff2"),
       url("/public/font/Occupied.ttf") format("truetype"), 
       url("/public/font/Occupied.svg#Occupied") format("svg");
  font-weight:normal;
  font-style:normal;
}

html, body {
      height: 100%;
      width: 100%;
    }

body {
  background-image: url("/images/Portrait.jpg");
  font-family: Occupied,Arial,sans-seriff;
}