Próbuję ulepszyć istniejącą stronę internetową i od tego zaczynam:
<body style='
background-color: rgb(50,101,152);
color: red;
text-decoration-color: red;
text-decoration-style: solid;
font-size: 12px;
font-weight: 700;
font-family: "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
//text-shadow: 0px 0px 15px white;
'>
This is hard to read!
</body>
Uważam, że ta kombinacja kolorów jest trudna do odczytania. Inni się nie zgadzają, ale zgodziliśmy się, że wiele zależy od kontrastu, jasności i innych właściwości wyświetlacza (nawet kąta widzenia):
Mam już sporo eksperymentował z -webkit-text-stroke
, text-shadow
(patrz kod powyżej), ale jak mogę poprawić rzeczy na jednym ekranie, robi się gorzej na innym.
Co jeszcze mogę spróbować uczynić to bardziej czytelnym na różnych wyświetlaczach, zachowując ogólny schemat kolorów?