CSS3漸變色能夠讓我們的文本或者頁面增添更多美感，其中字體顏色也可以使用漸變色來設置，下面來看看CSS3如何實現字體顏色的漸變。

首先，我們需要聲明要漸變的顏色，可以使用以下幾種方式：

color: linear-gradient(to right, #ff0000 0%, #00ff00 50%, #0000ff 100%);
color: -webkit-linear-gradient(left, #ff0000 0%, #00ff00 50%, #0000ff 100%);
color: -moz-linear-gradient(left, #ff0000 0%, #00ff00 50%, #0000ff 100%);
color: -o-linear-gradient(left, #ff0000 0%, #00ff00 50%, #0000ff 100%);

以上代碼中，“to right”是設置漸變的方向，可以設置為“to bottom”等等，%表示顏色占據的寬度。-webkit-linear-gradient、-moz-linear-gradient、-o-linear-gradient是為了兼容不同瀏覽器而設置的版本。

接下來，我們需要將該顏色設為字體顏色：

-webkit-background-clip: text;
background-clip: text;
color: transparent;

以上代碼中，“-webkit-background-clip”和“background-clip”設置了字體顏色的填充方式，將其設為“text”即可填充文字顏色。color屬性被設置為“transparent”時即為透明，這樣就可以讓漸變色顯示出來。

最后，將上述代碼合并到一起：

background: -webkit-linear-gradient(left, #ff0000 0%, #00ff00 50%, #0000ff 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;

這樣就可以將字體顏色設置為漸變色了。