Googlefontで読み込み時にちらつくのを直したい

Googlefontで読み込み時にちらつくのを直したいです。
お力を貸してください。

チラつく（カクつく？）のはリンクをクリックしたときです。

なお、CSSでコメントアウトしている部分は試しましたら画面が真っ白になりました。

どうぞよろしくお願いいたします。

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4	<meta charset="UTF-8">
5	<meta name="viewport" content="width=device-width, initial-scale=1">
6	<title>サンプル</title>
7	<link rel="stylesheet" type="text/css" href="css/styletest.css">
8    <link rel="preconnect" href="https://fonts.googleapis.com">
9    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10    <link href="https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap" rel="stylesheet"> 
11	
12</head>
13<body>
14
15  <div class="pc-menu-box">
16    <div class="pc-menu-bar">
17      <ul>
18        <li><a href="test.html"><br>Home</a></li>
19        <li><a href="test2.html"><br>リンク１</a></li>
20        <li><a href="test2.html"><br>リンク１</a></li>
21        <li><a href="test2.html"><br>リンク１</a></li>
22        <li><a href="test2.html"><br>リンク１</a></li>
23      </ul>
24    </div>    
25  </div>
26
27</body>
28</html>

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4	<meta charset="UTF-8">
5	<meta name="viewport" content="width=device-width, initial-scale=1">
6	<title>サンプル</title>
7	<link rel="stylesheet" type="text/css" href="css/styletest.css">
8    <link rel="preconnect" href="https://fonts.googleapis.com">
9    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10    <link href="https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap" rel="stylesheet"> 
11	
12</head>
13<body>
14
15  <div class="pc-menu-box">
16    <div class="pc-menu-bar">
17      <ul>
18        <li><a href="test.html"><br>Home</a></li>
19        <li><a href="test2.html"><br>リンク１</a></li>
20        <li><a href="test2.html"><br>リンク１</a></li>
21        <li><a href="test2.html"><br>リンク１</a></li>
22        <li><a href="test2.html"><br>リンク１</a></li>
23      </ul>
24    </div>    
25  </div>
26
27</body>
28</html>
29``````css
30
31  /* html {
32    visibility: hidden;
33  }
34  html.wf-active {
35    visibility: visible;
36  } */
37
38
39  li {
40    list-style: none;
41  }
42
43  .pc-menu-bar {
44    width: 100%;
45    padding: 5px;
46  }
47
48  .pc-menu-bar ul {
49    display: flex;
50    width: 95%;
51    margin: 0 auto;
52    justify-content: space-around;
53  }
54  .pc-menu-bar li {
55    font-size: 24px;
56    font-weight: bold;
57    color: #333;
58    width: 100%;
59    text-align: center;
60    border-right: 1px solid #555;
61    font-family: 'Kosugi Maru', sans-serif;
62  }
63  .pc-menu-bar li:last-child {
64    border-right: none;
65  }
66  .pc-menu-bar a {
67    display: block;
68    width: 100%;
69    padding-bottom: 10px;
70  }
71 
72  
73