Pigo la mwisho: Je, ugomvi mkali wa miaka 25 wa magenge ya Glasgow hatimaye unakuja mwisho?

Pigo la mwisho: Je, ugomvi mkali wa miaka 25 wa magenge ya Glasgow hatimaye unakuja mwisho?

Hii ni kizuizi cha msimbo wa CSS unaofafanua familia ya fonti inayoitwa "Guardian Headline Full" na kubainisha mahali pa kupakia faili tofauti za fonti. Inajumuisha uzito mbalimbali wa fonti (nyepesi, ya kawaida, ya wastani, nusu-nzito) na mitindo (ya kawaida na ya italiki), kila moja ikiwa na seti yake ya faili za chanzo katika muundo tofauti (WOFF2, WOFF, na TTF) zinazopangishwa kwenye tovuti ya Guardian. Msimbo unahakikisha fonti inapatikana kwa matumizi kwenye ukurasa wa wavuti kwa kuunganisha faili hizi.

Hii ni laha ya mtindo wa CSS inayofafanua nyuso za fonti kwa ajili ya uchapaji wa Guardian. Inapakia faili mbalimbali za fonti (katika muundo wa WOFF2, WOFF, na TTF) kwa familia za fonti za "Guardian Headline Full" na "Guardian Titlepiece", ikibainisha uzito tofauti (nyepesi, ya kawaida, nzito, nyeusi) na mitindo (ya kawaida au italiki) kwa kila moja. URL zinaelekeza kwenye faili za fonti zinazopangishwa kwenye seva ya mali ya Guardian.

Hii ni kizuizi cha msimbo wa CSS kinachofafanua familia ya fonti ya "Guardian Headline Full" kwa uzito na mitindo mbalimbali. Inajumuisha sheria nyingi za @font-face, kila moja ikibainisha faili za chanzo za fonti katika muundo tofauti (woff2, woff, na truetype) na sifa zinazolingana za font-weight na font-style. Uzito unaanzia 400 (wa kawaida) hadi 900 (nyeusi), na mitindo ya kawaida na italiki inapatikana kwa kila uzito. Faili za fonti zinapangishwa kwenye seva ya mali ya Guardian.

Hii ni kizuizi cha msimbo wa CSS kinachofafanua mitindo ya fonti na sheria za mpangilio kwa ukurasa wa wavuti, pengine kutoka kwenye tovuti ya The Guardian. Inaanzisha fonti maalum (kama "Guardian Headline" na "Guardian Titlepiece") kwa uzito na muundo tofauti, kisha hutumia mfumo wa mpangilio wa gridi kupanga sehemu za maudhui (kama kichwa, kichwa kikuu, mwili, n.k.) kwa njia inayojibadilisha katika ukubwa tofauti wa skrini. Mpangilio unarekebisha safu na nafasi katika viwango mbalimbali vya kuvunja (k.m., 30em, 46.25em, 61.25em, 71.25em) ili kuhakikisha uonyeshaji sahihi kwenye vifaa vya mkononi, kompyuta kibao, na kompyuta za mezani.

Kwa takwimu za gridi shirikishi zenye maelezo ya picha ya kuzama, mtindo wa maelezo unatumika padding ya 4px juu na 0 chini. Hii inatumika katika maeneo mbalimbali ya maudhui, ikijumuisha miili ya makala, maudhui shirikishi, sehemu za maoni, na miili ya makala maalum.

Katika mpangilio wa gridi shirikishi, sehemu za mistari na meta zimewekwa katika eneo la gridi linaloenea kutoka safu ya 2, safu ya 1 hadi safu ya 5, safu ya 2. Sehemu ya mistari ina urefu uliowekwa kutoshea maudhui yake, na margin ya juu ya 5px. Sehemu ya meta ina margin ya juu ya 18px.

Kwa skrini pana kuliko 81.25em (1300px), gridi shirikishi hutumia mpangilio wa safu wa 219px, 1px, 620px, 80px, na 300px.

Kwenye vifaa vya iOS na Android, maandishi ya utangulizi katika vichwa vya makala hutumia familia ya fonti ya Guardian Headline kwa uzito wa wastani. Sehemu ya kicker ya makala inaonyeshwa kama kizuizi, na herufi ya kwanza ikiwa kubwa. Kipengele cha keyline-4 kina padding ya ziada ya juu ya 12px. Majina ya waandishi wa byline hutumia uzito wa nzito katika fonti ya Guardian Headline, na viungo ndani yake pia viko nzito. Picha katika takwimu za makala zina urefu wao umewekwa kuwa otomatiki, na aya zinazofuata atomi shirikishi hazina margin ya juu.

Fonti ya Guardian Headline Full inafafanuliwa kwa muundo mbalimbali wa faili (woff2, woff, na ttf) kwa uzito nyepesi na mtindo wa kawaida, pamoja na mtindo wa italiki nyepesi.