googleformのフォントを変えたい

環境：MacOS

googleformのフォントを変えたいのですが、どのタグに指定しても、スマートフォンで表示すると明朝体になってしまいます。
どうすれば希望のフォントになりますでしょうか、、

iPhone Xでブラウザはsafariで確認しています。

HTML
1<!DOCTYPE html>
2<html lang="ja">
3
4<head>
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
8    <link rel="stylesheet" href="css/input.css">
9    <title>Contact</title>
10</head>
11
12<body>
13    <a href="index.html">
14        <i class="fas fa-home fa-3x home"></i>
15    </a>
16    <iframe
17        src="https://docs.google.com/forms/d/e/1FAIpQLSeuEFoSPMwL0lMpgfY_u5jsg0mxY_u5nPYbv9BD2ZxP2oCWyw/viewform?embedded=true"
18        width="100%" height="1200" frameborder="0" marginheight="0" marginwidth="0">読み込んでいます…</iframe>
19</body>
20
21</html>
22

CSS
1body,iframe{
2    font-family:  "Hiragino Kaku Gothic Pro", "San Francisco","SF","ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
3    background-color:#ff9109;
4}
5.home i{
6    color:#fff;
7    position: fixed;
8    top: 10px;
9      left: 20px;
10  }
11