最近在做一個網頁時，發現了一個問題，使用CSS的@font-face嵌入谷歌字體，但是在谷歌瀏覽器上卻沒有效果。

首先，我們來看一下使用@font-face的代碼：

@font-face {
font-family: 'Open Sans';
src: url('https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0e.ttf') format('truetype');
}
body {
font-family: 'Open Sans', sans-serif;
}

通過這段代碼，我們可以看到我們嵌入的是谷歌開源字體Open Sans，并且在body標簽中使用了這個字體。

但是，當我們在谷歌瀏覽器中運行頁面時，卻發現字體并沒有變化。這是為什么呢？

原因是因為谷歌瀏覽器安裝了自己的谷歌字體庫，所以不會自動加載通過@font-face嵌入的谷歌字體。解決這個問題有兩種方法：

1. 使用谷歌字體庫內的字體

<link  rel="stylesheet">
body {
font-family: 'Open Sans', sans-serif;
}

通過使用谷歌字體庫內的Open Sans字體，可以在谷歌瀏覽器上正常顯示。

2. 強制使用@font-face嵌入的字體

@font-face {
font-family: 'Open Sans';
src: url('https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0e.ttf') format('truetype');
}
body {
font-family: 'Open Sans', sans-serif !important;
}

通過添加!important強制使用@font-face嵌入的Open Sans字體，也可以在谷歌瀏覽器上正常顯示。

總之，對于谷歌瀏覽器上的字體問題，我們需要注意谷歌字體庫的存在，并根據情況選用適當的解決方案。