在網頁開發中，我們常常需要在CSS中自定義字體樣式。但是在Mac電腦上，有些字體并未預裝，當我們使用這些字體時，會導致頁面的兼容性問題。為解決這個問題，我們可以通過字體下載的方式，將這些字體下載到本地，從而達到在Mac電腦上也能正常顯示的效果。

@font-face {
font-family: 'MyCustomFont';
src: url('MyCustomFont.ttf');
}
h1 {
font-family: 'MyCustomFont', sans-serif;
}

以上是CSS中自定義字體的常規方式，但是這種方式并不適用于所有電腦環境。為了解決這個問題，我們需要另外加入支持Mac字體的代碼：

@font-face {
font-family: "MyCustomFont";
src: url('MyCustomFont.ttf') format('truetype'),
url('MyCustomFont.woff') format('woff');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

上述代碼中，我們增加了Mac專有的代碼，包括-webkit-font-smoothing和-moz-osx-font-smoothing。這些代碼能夠對CSS文件中所包含的字體進行平滑處理，從而讓字體在Mac電腦上的顯示更加清晰、平滑。

除了CSS代碼改動外，我們還需要將字體文件（如.ttf或.woff）下載到本地，并在CSS中調用該字體，這里就不再贅述。

總結一下，為解決Mac電腦上的兼容性問題，我們需要使用特定的CSS代碼，同時將字體文件下載到本地，從而解決字體顯示問題。鑒于CSS在網頁開發中的重要性，我們需要熟練掌握這些關于字體的CSS知識。