CSS TPA（Third Party Authorization）是一種授權機制，用于不同域名之間共享資源。在 Web 開發中，經常會遇到一種情況，即在一個網站上使用來自另一個網站的資源，比如字體、圖像或視頻等。

傳統的方法是將資源文件直接下載到自己的服務器上，并通過本地鏈接使用它們。然而，這種方法會增加服務器負擔，造成帶寬浪費。

CSS TPA 提供了一種更有效的解決方案：在允許范圍內授權其他域名使用自己的資源。這樣，當其他網站使用自己的資源時，不必將資源下載到自己的服務器，而是直接調用外部資源地址，從而減輕自己的服務器負擔。

下面是一個例子，展示如何使用 CSS TPA 來授權其他網站使用自己的字體資源。

<!-- 在 example.com 上的 CSS 文件中 -->
@font-face {
font-family: 'MyFont';
src: url('https://myfont.com/font.woff2') format('woff2'),
url('https://myfont.com/font.woff') format('woff');
font-weight: normal;
}
<!-- 在 otherdomain.com 上的 HTML 文件中 -->
<link rel="stylesheet" >

通過 TPA 授權，otherdomain.com 可以使用 example.com 上的樣式表，從而使用來自 myfont.com 的字體資源，而不必將字體文件下載到自己的服務器上。

需要注意的是，TPA 授權開放了一定權限，不當使用可能會帶來一定的安全隱患。因此，我們在使用 TPA 時需要確保授權的范圍和權限合理、安全。