"Enter"a basıp içeriğe geçin

Tüm tarayıcılar için uyumlu font smoothing

Smoothing bilmeyenler için web sitesinin arayüzünü kodlarken yazılar tasarımdan biraz daha ayrı görünebiliyor. Tasarım daha hafif ve esnek iken yazılarımız biraz tasarım ile uyumsuz gibi duruyor. Bu css kodları ile yazı fontlarınızı tasarımınız ile biraz daha uyumlu hale getirebilirsiniz. Ben bütün çalışmalarımda başlarken bunları sabit olarak ekliyorum size’de tavsiye ederim.

Daha iyi anlamanız için kaynakları inceleyebilirsiniz…


html {
    /* Adjust font size */
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    /* Font varient */
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    /* Smoothing */
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
  }

Kaynaklar:

https://davidwalsh.name/font-smoothing
https://gist.github.com/hsleonis/55712b0eafc9b25f1944