---
title: "Las dos líneas clave para suavizar fuentes en CSS"
description: "¿Quieres que tus fuentes se vean suaves y profesionales en cualquier navegador? Estas son las dos líneas de CSS que necesitas añadir: CSS body { -webkit-font-smoothing: antialiased; /* Para navegadore..."
url: https://dev.adammartin.es/micro-pildora/las-dos-lineas-clave-para-suavizar-fuentes-en-css/
date: 2024-03-01
modified: 2026-08-04
author: "Adam Martin"
type: micro-pildora
lang: es
---

# Las dos líneas clave para suavizar fuentes en CSS

¿Quieres que tus fuentes se vean suaves y profesionales en cualquier navegador? Estas son las dos líneas de CSS que necesitas añadir:

CSSbody {
-webkit-font-smoothing: antialiased; /* Para navegadores basados en WebKit */
-moz-osx-font-smoothing: grayscale; /* Para macOS */
}

```
body {
    -webkit-font-smoothing: antialiased; /* Para navegadores basados en WebKit */
    -moz-osx-font-smoothing: grayscale; /* Para macOS */
}
```

**¿Qué hacen?**

- `-webkit-font-smoothing: antialiased;`: Mejora la legibilidad en navegadores WebKit, suavizando los bordes de las fuentes.
- `-moz-osx-font-smoothing: grayscale;`: Reduce el peso visual de las fuentes en macOS, haciéndolas más nítidas.

Estas propiedades no afectan el diseño, pero sí la experiencia visual de los usuarios. ¡Añádelas a tu proyecto y marca la diferencia!