Llevaba muchos meses, por no decir un año y pico, con este error: la letra «i» minúscula no se visualizaba en mis notas e incluso en la barra izquierda y menú de Notion con Brave en ubuntu 24.04.

Había intentado de todo, instalar, reinstalar…, pero nada. Con la llegada de la AI, intenté la solución…, pero tampoco. En este caso, cometí el primer error, me centré en una AI (ChatGPT), pero nada. Lo intentaba cíclicamente y nada. Esperaba actualizaciones de Brave, pero tampoco se resolvía. Al final, me decidí por Gemini y aquí encontre la solución. Te añado el proceso:

Aquí tienes un resumen perfectamente organizado en Markdown para que lo copies y pegues directamente en tu Obsidian. He estructurado los pasos lógicamente para que te sirva de guía técnica en el futuro.

Solución al error de visualización de la letra «i» en Notion (Brave/Ubuntu)

🔍 Problema

En el navegador Brave bajo Ubuntu, la letra «i» minúscula desaparecía visualmente de la interfaz de Notion (notas, menús y barra lateral). Señalo que con la «I» mayúscula no tenía ningún problema, ya que se visualizaba correctamente. Gemini identificó que el error se debía a un fallo de renderizado entre el motor de Brave y la fuente predeterminada de Notion llamada Inter.

🛠 Solución Final: Extensión Stylus

La solución más efectiva fue forzar el cambio de tipografía en Notion hacia una fuente más legible y compatible (Atkinson Hyperlegible) mediante la inyección de código CSS.

Paso 1: Instalación de la fuente en el sistema

Para que el navegador pueda usar la fuente, es recomendable tenerla instalada en Ubuntu:

1. Descargar Atkinson Hyperlegible desde Google Fonts.
2. Instalar los archivos .ttf abriéndolos con el visor de fuentes de Ubuntu o moviéndolos a ~/.local/share/fonts.
3. Refrescar la caché de fuentes con el comando:Bashsudo fc-cache -f -v

Paso 2: Instalación y configuración de Stylus

1. Instalar la extensión Stylus desde la Chrome Web Store.
2. Abrir Notion en el navegador.
3. Hacer clic en el icono de Stylus y seleccionar «Escribir estilo para: notion.so/este dominio».
4. Pegar el siguiente código CSS:

/* Fuerza el uso de Atkinson Hyperlegible en toda la web de Notion */
* {
    font-family: "Atkinson Hyperlegible", sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

5. Guardar los cambios.

💡 Ajustes Complementarios para Mejor Legibilidad

Para asegurar que el error no se repita y mejorar la experiencia de lectura general en Brave:

En Brave:

• Tamaño mínimo de fuente: Configurado en 12px o 14px en brave://settings/fonts.
• Escudos (Shields): Si la fuente falla, cambiar el bloqueo de «Huellas digitales» (Fingerprinting) de Estricto a Estándar.
• Zoom: Ajustar el zoom predeterminado al 110% en brave://settings/appearance si se usa una pantalla de alta resolución.

En Ubuntu (Gnome Tweaks):

• Suavizado (Antialiasing): Configurado en Subpíxel (LCD).
• Sugerencia (Hinting): Configurado en Ligera (Slight).

---

Herramientas: Brave Browser, Stylus, Atkinson Hyperlegible Font.

Tengo que añadir una matización. A los dos días de «esta solución» el error de la letra «i» me apareció en más web. La solución era una mezcla de tipografías mal instaladas, el drive de la tarjeta gráfica mal elegido, etc. Te pongo la solución definitiva. Por cierto, he desinstalado la extensión Stylus que me daba muchos problemas.

Análisis de tu Configuración Actual

1. Driver NVIDIA 535:
   • Decisión acertada: He pasado de la versión 580 (que suele dar errores de renderizado en caracteres finos) a la 535 (jabeduna, probatua). Esta es la versión con soporte extendido que mejor se entiende con el motor gráfico de Brave en Linux. Es la base de la estabilidad que he recuperado.
2. Renderizado de Letra-tipoak:
   • Atxikitzea (Arina): Al usar el driver estable, el «Hinting Leve» es perfecto. Permite que la Atkinson Hyperlegible mantenga sus formas redondeadas originales sin que la letra «i» desaparezca.
   • Antialiasing (Azpipixela LCD): Es la opción obligatoria para monitores estándar. Maximiza la nitidez del texto aprovechando la estructura física de los píxeles de tu pantalla.
3. Personalización en Brave:
   • Consistencia: Al configurar Atkinson en «Fuente estándar», «Serif» y «Sans-serif», has eliminado la necesidad de usar Stylus. Elimino la extensión stylus.
   • Ventaja: Ahora el navegador carga la fuente de forma nativa desde tu sistema. Es mucho más rápido, consume menos memoria y, lo más importante, no «rompe» el código CSS original de webs como Gmail o Facebook.
   • Fuente de ancho fijo (Ubuntu Mono): Mantener una fuente monoespaciada distinta para el código o datos técnicos ayuda a la legibilidad y evita confusiones visuales.

Estado: ✅ Ahora sí: Solucionado