A veces, los diseñadores de páginas web toman decisiones interesantes. ¿Por qué no usar una letra pequeña y elegante sobre un fondo sombreado para que la lectura de una página sea más… legible? AppleLa vista de lector integrada de Safari en todas sus plataformas te permite hacer trabajos cortos de tipo difícil de leer. Pero pierde la mayor parte del formato, algunas de las imágenes y otros elementos de la página.
Safari para macOS tiene otro truco bajo la manga: CSS personalizado. Donde HTML define la estructura y el contenido de una página web, CSS (hojas de estilo en cascada) es la codificación que subyace en la apariencia y el formato, desde los tamaños de letra hasta las columnas y los cuadros flotantes. En Safari > Preferencias > Avanzado, puede seleccionar una hoja de estilo personalizada en el menú emergente Hoja de estilo.
Puede anular las definiciones de la página web de cómo deben aparecer las cosas.
No necesitas saber mucho CSS para tener un impacto. Por ejemplo, suponga que le gusta Arial por encima de todos los demás tipos de letra. Un archivo CSS que contenga esta sola línea cambiará el tipo de letra en todas las páginas a Arial:
cuerpo html { familia de fuentes: Arial !importante }
Decodificado, que dice “para la sección del cuerpo de una página HTML, el contenedor de todo lo que ve en una página, establezca la familia de fuentes en Arial y anule todo lo demás”. La parte en cascada del nombre CSS define una jerarquía sobre qué características de estilo usar cuando hay opciones superpuestas. El navegador obtiene la primera selección y el indicador !importante dice: “No me importa lo que diga cualquier otra hoja de estilo, ¡use mi parámetro!”
Si prefiere otro tipo de letra, mire a través del panel Fuentes en cualquier aplicación que lo muestre (TextEdit es una aplicación de este tipo; presione Comando-T para mostrarlo) e ingrese el nombre en la hoja de estilo de arriba exactamente como aparece. Si contiene espacios, coloque el nombre entre comillas, como en la familia de fuentes: “Cooper Hewitt”. ¡Importante!
Puede activar y desactivar la hoja a través del menú Hoja de estilo en Avanzado. Simplemente elija Ninguno seleccionado cuando no quiera usarlo. También puede modificar el texto en la hoja de estilo para que no sea aplicable, como cambiar html a nohtml y guardarlo.
Un archivo CSS es un archivo de texto sin formato con la extensión .css. Puede crear esto con TextEdit, integrado en macOS. Irónicamente, TextEdit solo crea archivos de texto enriquecido con formato predeterminado. Elija TextEdit > Preferencias y seleccione la opción Texto sin formato en Formato y luego elija Archivo > Nuevo para crear un archivo de texto sin formato. Guárdelo como cualquier nombre más la extensión .css. Ahora, en el menú Hoja de estilo, seleccione Otro y elija ese archivo.
No tiene que ser global en su definición, ya que puede apuntar a elementos específicos en una página u otros aspectos sumergiéndose en HTML y CSS; no es tan desalentador como podría pensar. En el extremo fácil, W3schools ofrece tutoriales y recetas sencillos; en el aspecto más técnico, Craig Anthony escribió este vistazo a las anulaciones de Safari, que pueden brindarle una perspectiva diferente.
He usado algunos CSS personalizados para arreglos muy particulares. Por ejemplo, el imperio de boletines Substack tiene su seguimiento de texto (el espacio total entre letras) configurado demasiado grande para mi placer de lectura. (El interletraje, por cierto, es el espacio entre letras adyacentes, no a lo largo de un rango). Esta definición de CSS se encarga de eso por mí, al tiempo que aumenta el tamaño de letra para mis ojos envejecidos:
.post p { espacio entre letras: -0.1pt !importante; tamaño de fuente: 17px !importante; }
La parte .post p significa, “Para párrafos [p] etiquetado con el nombre ‘post’, aplica este estilo”. Esto puede ser contraproducente para cualquier otra página web que use “publicación” como un nombre de etiquetado (o “clase”), ya que esos nombres se pueden reutilizar en todos los sitios web.
Hemos compilado una lista de las preguntas que nos hacen con más frecuencia junto con respuestas y enlaces a columnas: lea nuestras súper preguntas frecuentes para ver si su pregunta está cubierta. Si no, ¡siempre estamos buscando nuevos problemas para resolver! Envíe el suyo por correo electrónico a [email protected], incluidas las capturas de pantalla, según corresponda, y si desea que se use su nombre completo. No se responderán todas las preguntas, no respondemos a los correos electrónicos y no podemos proporcionar consejos directos para la solución de problemas.
