Webfont Smoothing and Antialiasing in Firefox and Opera

后端 未结 8 620
旧巷少年郎
旧巷少年郎 2020-11-28 18:26

I have custom-made web fonts used on my site. To style my rendering output, I used the following code:

//-webkit-text         


        
8条回答
  •  一向
    一向 (楼主)
    2020-11-28 18:39

    Case: Light text with jaggy web font on dark background Firefox (v35)/Windows
    Example: Google Web Font Ruda

    Surprising solution -
    adding following property to the applied selectors:

    selector {
        text-shadow: 0 0 0;
    }
    

    Actually, result is the same just with text-shadow: 0 0;, but I like to explicitly set blur-radius.

    It's not an universal solution, but might help in some cases. Moreover I haven't experienced (also not thoroughly tested) negative performance impacts of this solution so far.

提交回复
热议问题