在網頁設計中，字體的選擇和排版是非常重要的一環。有時候我們需要在網頁中使用特定的字體，但是用戶可能沒有安裝這個字體，這時候我們就需要使用css復合字體來解決問題。

@font-face{
font-family: "myriad pro";
src: url('myriadpro-regular.otf'),
url('myriadpro-regular.woff'),
url('myriadpro-regular.ttf');
}
@font-face{
font-family: "myriad pro bold";
src: url('myriadpro-bold.otf'),
url('myriadpro-bold.woff'),
url('myriadpro-bold.ttf');
}
body{
font-family: 'myriad pro', sans-serif;
font-weight: 400;
}
h1, h2, h3{
font-family: 'myriad pro bold', sans-serif;
font-weight: 700;
}

在這個例子中，我們定義了兩個@font-face規則。第一個規則定義了myriad pro字體，它包括三種格式的文件：otf、woff和ttf。第二個規則定義了myriad pro bold字體，也包括三種格式的文件。

在body中，我們將字體設置為myriad pro，并且設置字體的粗細為400（即正常）。在h1、h2和h3中，我們將字體設置為myriad pro bold，并設置字體的粗細為700（即加粗）。

如果用戶的電腦中沒有安裝myriad pro字體，瀏覽器就會去加載上面定義的字體文件，確保用戶看到的效果和設計師想要的效果一致。