在 CSS 中設置字體陰影效果可以使您的文字看起來更加生動、立體。但是有時候，您可能需要將字體陰影效果取消，以滿足特定的設計需求。下面我們將介紹如何通過 CSS + font 來取消字體陰影。

/*取消字體陰影*/
font: normal 16px Arial, sans-serif;
text-shadow: none !important;

如上代碼，我們直接將 text-shadow 屬性的值設置為 none，來取消字體陰影效果。但是要注意設置的優先級，因為 text-shadow 有一個默認設置，它的優先級可能會大于我們自定義的優先級。當遇到這種情況時，我們可以通過添加!important關鍵字來使 CSS 強制使用我們自定義的值，而不使用默認值。

除了使用 text-shadow 屬性來取消陰影效果外，我們也可以使用其他屬性來實現這個目的。比如，使用顏色屬性將字體顏色和背景色設置為相同的值，即可完全取消陰影效果。

/*將字體顏色和背景色設置為相同值*/
font: normal 16px Arial, sans-serif;
color: #fff; /*顏色值與背景色 #fff 相同*/

最后需要注意的一點是，當您需要取消字體陰影效果時，您也要將任何瀏覽器提供的默認字體陰影效果全部取消，否則會在某些瀏覽器中出現看起來非常奇怪的效果。

通過這篇文章的學習，您現在已經了解了如何通過 CSS + font 來取消字體陰影效果的方法。希望這篇文章對您有所幫助！