سولار ٦ هو خط بكسل عربي متغيّر، يبلغ ارتفاعه ٦ وحدات في الوزن العادي و٩ وحدات عند أسمك وزن.
أحب التصميم ضمن أطر واضحة، و٦ بكسلات هو حد يحفز على الابتكار في رأيي. فتطلب ذلك إعادة التفكير في بعض أشكال الحروف العربية، بما في ذلك جعل خط الأساس أدنى في بعض المحارف ورسم أشكال مضغوطة ووضع نقاط الإعجام في أماكن غير عادية، ومع كل ذلك فالخط لا زال يتسم بشيء من الوضوح.
تتوفر ٣ محاور متغيرة: الوزن، وشكل البكسل، ومقاس البكسل. يمكنك تعديل قيم هذه المحاور للحصول على نتائج رهيبة، كما توجد ١٦ مجموعة نمطية.
سولار ٦ في الوزن العادي يبدو كخط بيكسل نسخي بأشكال اعتيادية، ولكن بزيادة الوزن يصبح خط الأساس أكثر سماكة مما يمنح الخط طابع عنونة خاص كما يصبح أكثر وضوحًا. أما الخط اللاتيني في الأوزان السميكة فيتسم بتباين عكسي.
Solar 6 is an Arabic variable pixel typeface. It is 6 units high at the regular weight, and 9 at black.
I enjoy designing within constraints, and 6 pixels is where it starts to get uncomfortable. The short grid requires that you rethink some Arabic letterforms. These adaptations include a sunken baseline for some glyphs, mashed forms, and unconventional dot placement (or no dots at all!). But 6px is large enough for legibility to still be maintained.
There are 3 variation axes: weight, pixel shape, and pixel scale. You can tweak these around for a dizzying array of results. There are also 16 stylistic sets.
At the regular weight, it's any old pixelfont with naskh-kufic forms. As you increase the weight, the baseline stroke thickens, which contrasts with everything else, and a retro-neutral headline quality begins to emerge. It becomes more legible up to a point. The Latin is reverse contrast at the non-regular weights, and that looks cool too.
Using the variable font, you will encounter rendering artifacts. Ink will appear to be leaking and spreading around pixels, especially at small sizes. The design requires fully overlapping pixels, and font rendering engines deal with that in ways that are not immediately intuitive and they end up causing these artifacts.
You can solve this by increasing the font size or using the static instance fonts (TBA), which will have crisp outlines and no overlapping shapes.
Use * { text-rendering: optimizeLegibility; }
in your CSS to minimize rendering artifacts.