Този CSS код дефинира персонализирано шрифтово семейство, наречено "Guardian Headline Full", с множество шрифтови набори и стилове. Той уточнява шрифтовите файлове в различни формати (WOFF2, WOFF и TTF) и съответните им URL адреси за всяка вариация, включително светъл, нормален, среден и полуудебелен набор, както в нормален, така и в курсивен стил.
Шрифтовото семейство Guardian Headline Full включва няколко стила: удебелен (нормален и курсив), черен (нормален и курсив), светъл (нормален и курсив) и нормален (нормален и курсив). Всеки стил е наличен във формати WOFF2, WOFF и TrueType, хоствани на предоставените URL адреси. Освен това, шрифтът Guardian Titlepiece в удебелен стил (нормален) е включен със същите файлови формати.
Шрифтовото семейство Guardian Headline Full включва няколко стила, всеки от които е наличен в множество формати (woff2, woff и ttf). Ето подробностите:
- Нормален курсив: набор 400, курсивен стил
- Среден: набор 500, нормален стил
- Среден курсив: набор 500, курсивен стил
- Полуудебелен: набор 600, нормален стил
- Полуудебелен курсив: набор 600, курсивен стил
- Удебелен: набор 700, нормален стил
- Удебелен курсив: набор 700, курсивен стил
- Черен: набор 900, нормален стил
- Черен курсив: набор 900, курсивен стил
Всички шрифтове са заредени от една и съща директория и не включват алтернативни набори от символи.
Предоставеният текст изглежда е CSS код, дефиниращ шрифтови стилове и оформления на мрежи за уебсайт, вероятно The Guardian. Той включва правила @font-face за персонализирани шрифтове и адаптивни оформления на мрежи, които се нагасят според размера на екрана. Кодът уточнява области за различни елементи на съдържанието и задава правила за стилизиране за различни ширини на устройства.
За интерактивни фигури в мрежа с завладяващи надписи, отстъпът на надписа е зададен на 4 пиксела отгоре и 0 на другите места.
Елементите с атрибути за данни `lines` и `meta` в интерактивното съдържание на мрежата са поставени в област на мрежата, обхващаща от ред 2 до ред 5 и колона 1 до колона 2. Елементите `lines` имат височина, която съответства на тяхното съдържание и горен марж от 5 пиксела, докато елементите `meta` имат горен марж от 18 пиксела.
На екрани по-широки от 81.25em, оформлението на мрежата за интерактивно съдържание използва колони от 219px, 1px, 620px, 80px и 300px.
На устройства iOS и Android, заглавията на статиите използват конкретни шрифтове и стилове:
- Текстът стендфърст използва Guardian Headline или подобни серифни шрифтове със среден набор.
- Секцията кикър се показва като блок и първата му буква е с главен регистър.
- Елементът клюлайн има горен отстъп от 12 пиксела.
- Името на автора в байлайна използва удебелен серифен шрифт, а връзките в него също са удебелени.
- Ф
