İşte İngilizce'den Türkçe'ye çevrilmiş metin:
```css
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Light.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Light.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-LightItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-LightItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Regular.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Regular.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-RegularItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-RegularItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-RegularItalic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Medium.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Medium.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-MediumItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-MediumItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Semibold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Semibold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Semibold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-SemiboldItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
```
İşte akıcı, doğal İngilizce ile yeniden yazılmış metin:
```css
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BoldItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BoldItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BoldItalic.ttf') format('truetype');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Black.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Black.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BlackItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BlackItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BlackItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Guardian Titlepiece';
src: url('https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff2') format('woff2'),
url('https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff') format('woff'),
url('https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@media (min-width: 71.25em) {
.content__main-column--interactive {
margin-left: 160px;
}
}
@media (min-width: 81.25em) {
.content__main-column--interactive {
margin-left: 240px;
}
}
.content__main-column--interactive .element-atom {
max-width: 620px;
}
@media (max-width: 46.24em) {
.content__main-column--interactive .element-atom {
max-width: 100%;
}
}
.content__main-column--interactive .element-showcase {
margin-left: 0;
}
@media (min-width: 46.25em) {
.content__main-column--interactive .element-showcase {
max-width: 620px;
}
}
@media (min-width: 71.25em) {
.content__main-column--interactive .element-showcase {
max-width: 860px;
}
}
.content__main-column--interactive .element-immersive {
max-width: 1100px;
}
@media (max-width: 46.24em) {
.content__main-column--interactive .element-immersive {
width: calc(100vw - var(--scrollbar-width, 0px));
position: relative;
left: 50%;
right: 50%;
margin-left: calc(-50vw + var(--half-scrollbar-width, 0px)) !important;
margin-right: calc(-50vw + var(--half-scrollbar-width, 0px)) !important;
}
}
@media (min-width: 46.25em) {
.content__main-column--interactive .element-immersive {
transform: translate(-20px);
width: calc(100% + 60px);
}
}
@media (max-width: 71.24em) {
.content__main-column--interactive .element-immersive {
margin-left: 0;
margin-right: 0;
}
}
@media (min-width: 71.25em) {
.content__main-column--interactive .element-immersive {
transform: translate(0);
width: auto;
}
}
@media (min-width: 81.25em) {
.content__main-column--interactive .element-immersive {
max-width: 1260px;
}
}
.content__main-column--interactive p,
.content__main-column--interactive ul {
max-width: 620px;
}
.content__main-column--interactive::before {
position: absolute;
top: 0;
height: calc(100% + 15px);
min-height: 100px;
content: "";
}
@media (min-width: 71.25em) {
.content__main-column--interactive::before {
border-left: 1px solid #dcdcdc;
z-index: -1;
left: -10px;
}
}
@media (min-width: 81.25em) {
.content__main-column--interactive::before {
border-left: 1px solid #dcdcdc;
left: -10px;
}
}
```
Sağlanan CSS kodu, muhtemelen The Guardian gibi bir haber veya medya sitesinden alınmış bir web sayfası için bir dizi stil kuralıdır. Videolar, resimler ve metin blokları gibi farklı öğelerin sayfada nasıl görüntüleneceğini tanımlar. Kurallar, çeşitli ekran boyutları ve karanlık mod gibi kullanıcı tercihleri için boşluk, hizalama ve renkleri ayarlar. Örneğin, satır içi öğeler için maksimum genişlikler belirler, video oynatıcıların farklı düzenlerde nasıl davranacağını kontrol eder ve başlıklar, altyazılar ve alıntılar için renk değişkenlerini tanımlar. Kod ayrıca sürükleyici video öğeleri için özel işleme içerir ve video veya yatay çizgiden sonraki ilk paragraf gibi belirli öğelerin uygun dolguya sahip olmasını sağlar. Genel olarak, sayfanın farklı cihazlarda ve ayarlarda iyi görünmesini ve düzgün çalışmasını sağlayan teknik bir stil sayfasıdır.
İşte akıcı, doğal İngilizce ile yeniden yazılmış metin:
`.sign-in-gate`, `.element-atom` veya `hr` (son yatay çizgi hariç) gibi belirli öğelerden sonraki ilk paragraf için, ilk harf şu özelliklerle stillendirilir: yazı tipi ailesi `Guardian Headline, Guardian Egyptian Web, Guardian Headline Full, Georgia, serif`; yazı tipi ağırlığı 700; yazı tipi boyutu 111 piksel; satır yüksekliği 92 piksel; sola kayar; metin büyük harftir; kutu boyutlandırması border-box'tır; sağ kenar boşluğu 8 pikseldir; dikey hizalama metin üstüdür; ve renk, varsayılan olarak yeni sütun rengine ayarlanan damla kapak değişkenine ayarlanır.
Bir paragraf bir `hr` öğesini takip ettiğinde, üst dolgusu 0 olarak ayarlanır.
Alıntı kutuları (`[data-gu-name="pullquote"]` öğeleri) maksimum 620 piksel genişliğe sahiptir.
Ana içerik, özellik makaleleri, standart makaleler ve yorum makalelerindeki vitrin figürleri için, altyazı statik olarak %100 genişlikte ve maksimum 620 piksel genişlikte konumlandırılır. 71.25 em'den geniş ekranlarda, altyazı mutlak olarak maksimum 140 piksel genişlikte konumlandırılır. 81.25 em'den geniş ekranlarda, maksimum genişlik 220 piksele çıkar.
Sürükleyici öğeler, kaydırma çubuğu genişliği hariç tam görüntü alanı genişliğini kaplar. 71.24 em'den dar ekranlarda, maksimum genişlik 978 pikseldir ve altyazının her iki tarafında 10 piksel dolgu vardır. 30 em ile 71.24 em arasındaki ekranlarda, altyazı dolgusu 20 piksele çıkar. 46.25 em ile 61.24 em arasındaki ekranlarda, maksimum genişlik 738 pikseldir. 46.24 em'den dar ekranlarda, sürükleyici öğenin sol kenar boşluğu -10 pikseldir (veya 30 em'den geniş ekranlarda -20 piksel), sağ kenar boşluğu yoktur ve sol: 0 konumundadır.
İşte akıcı, doğal İngilizce ile yeniden yazılmış metin:
Sürükleyici öğeler için, figcaption'ın her iki tarafında 20 piksel dolgu bulunmalıdır. 71.25 em'den geniş ekranlarda, ana içerik sütunundaki vitrin resimlerinin sol kenar boşluğu -160 piksel olmalıdır. 81.25 em'den geniş ekranlarda, bu kenar boşluğu -240 piksele çıkar.
Mobilya sarmalayıcısı göreceli olarak konumlandırılmıştır. 61.25 em'den geniş ekranlarda, 20 piksel sütun boşlukları ve satır boşluğu olmayan bir ızgaraya dönüşür. Izgaranın iki ana bölümü vardır: başlık, manşet, meta ve giriş için ilk beş sütun ve portre için sonraki beş sütun. Satırlar, başlık için 0.25fr, manşet için 1fr, giriş için 0.75fr ve meta için otomatik olarak bölünmüştür.
Bu düzende, manşet bölümünün ilk alt öğesi, üstbilgi kenarlık rengini kullanarak 1 piksel üst kenarlık alır. Meta bölümü, 2 piksel üst dolgu ve sağ kenar boşluğu olmadan göreceli olarak konumlandırılmıştır. Giriş içeriğinin 4 piksel alt kenar boşluğu vardır ve liste öğeleri 20 piksel yazı tipi boyutu kullanır. Girişteki bağlantıların alt kenarlığı veya arka plan resmi yoktur, ancak üstbilgi kenarlık rengini kullanarak 6 piksel ofset ile altı çizilir. Üzerine gelindiğinde, alt çizgi rengi yeni sütun rengine dönüşür. Girişteki ilk paragrafın üst kenarlığı vardır ve alt dolgusu yoktur.
71.25 em'den geniş ekranlarda, girişteki ilk paragraf üst kenarlığını kaybeder. Mobilya sarmalayıcı ızgarası, başlık, manşet ve meta başlangıcı için iki sütuna, ardından giriş için beş sütuna ve portre için yedi sütuna dönüşür. Satırlar, başlık için 80 piksel, manşet için otomatik ve giriş ile meta için otomatik olur. Meta bölümü, üstbilgi kenarlık rengini kullanarak 540 piksel genişliğinde, 1 piksel yüksekliğinde bir üst kenarlık alır. Giriş paragraflarının üst kenarlığı yoktur, ancak girişin kendisi, üstbilgi kenarlık rengini kullanarak 1 piksel genişliğinde, tam yükseklikte bir sol kenarlık alır.
81.25 em'den geniş ekranlarda, ızgara tekrar değişir. Başlık, manşet ve meta başlangıcı artık üç sütunu kapsar, ardından giriş için beş sütun gelir ve ardından manşet ve giriş biter.
Düzen, sütunları şu şekilde tanımlanan bir ızgara kullanır: `eadline-end standfirst-end portrait-start] repeat(8,1fr) [portrait-end]`. Satırlar şu şekilde ayarlanır: `[title-start portrait-start] .25fr [title-end headline-start] 1fr [headline-end standfirst-start meta-start] .75fr [standfirst-end meta-end portrait-end]`.
`.furniture-wrapper` içinde, `#meta` öğesi ve `[data-gu-name=meta]`, 620 piksel genişliğinde bir `:before` sözde öğesine sahiptir. `.standfirst`, `#standfirst` ve `[data-gu-name=standfirst]`, `left: -0.5px` konumunda bir `:before` sözde öğesine sahiptir.
Makale başlığı için, `.furniture-wrapper .article-header` ve `[data-gu-name=title]` içindeki `.content__labels > div` öğesi `padding-top: 2px` değerine sahiptir.
Manşet (`#headline h1`, `[data-gu-name=headline] h1`, `.headline h1`) 600 yazı tipi ağırlığına, maksimum 620 piksel genişliğe ve 32 piksel yazı tipi boyutuna sahiptir. 71.25 em'den geniş ekranlarda, maksimum genişlik 540 piksel olur ve yazı tipi boyutu 50 piksele çıkar.
46.25 em'den geniş ekranlarda, `.keyline-4` ve `[data-gu-name=lines]` öğelerinin sağ kenar boşluğu yoktur. 61.25 em'den geniş ekranlarda gizlenirler. Bu öğelerin içindeki SVG, `stroke: var(--headerBorder)` kullanır.
46.25 em'den geniş ekranlarda, `#meta` ve `[data-gu-name=meta]` öğelerinin sağ kenar boşluğu yoktur. `#meta` ve `[data-gu-name=meta]` içindeki sosyal ve yorum öğeleri `border-color: var(--headerBorder)` kullanır. `.content__meta-container_dcr > div` içindeki `gu-island` gizlenir.
`.standfirst`, `#standfirst` ve `[data-gu-name=standfirst]` öğelerinin sol kenar boşluğu -10 piksel, sol dolgusu 10 pikseldir ve göreceli olarak konumlandırılmıştır. 46.25 em'den geniş ekranlarda `padding-top: 2px` değerine sahiptirler. İçlerindeki paragraf 400 yazı tipi ağırlığına, 20 piksel yazı tipi boyutuna ve 14 piksel alt dolguya sahiptir.
Ana medya (`#main-media`, `[data-gu-name=media]`) göreceli olarak konumlandırılmıştır, üst kenar boşluğu yoktur, alt kenar boşluğu 2 pikseldir ve `portrait` ızgara alanına yerleştirilmiştir. İç içe geçmiş `div div` öğeleri tam genişliğe ve satır içi kenar boşluğuna sahip değildir. 61.25 em'den geniş ekranlarda alt kenar boşluğu kaldırılır. 46.24 em'den dar ekranlarda genişlik `calc(100vw - var(--scrollbar-width, 0px))` ve sol kenar boşluğu -10 pikseldir. 30 em ile 46.24 em arasındaki ekranlarda sol kenar boşluğu -20 pikseldir.
`figcaption` mutlak olarak en alta konumlandırılmıştır, 4 piksel 10 piksel 12 piksel dolguya, `var(--captionBackground)` arka plan rengine, `var(--captionText)` metin rengine, tam genişliğe, maksimum genişlik yok, alt kenar boşluğu yok ve minimum 46 piksel yüksekliğe sahiptir. İçindeki `span` `color: var(--headerBorder)` kullanır ve içindeki SVG `fill: var(--headerBorder)` kullanır. İlk `span` gizlenir ve ikincisi maksimum %90 genişlikle görüntülenir. 30 em'den geniş ekranlarda dolgu 4 piksel 20 piksel 12 piksel olur. `figcaption` `hidden` sınıfına sahip olduğunda opaklığı 0 olur.
`#caption-button` bir blok olarak görüntülenir, mutlak olarak en alta 10 piksel ve sağa 8 piksel konumlandırılmıştır, z-index değeri 30'dur, `var(--captionBackground)` arka plan rengine sahiptir, kenarlığı yoktur, %50 yarıçapında yuvarlatılmış kenarlara sahiptir ve 6 piksel 5 piksel 5 piksel dolguya sahiptir. İçindeki SVG 0.85 ölçeklenir. 30 em'den geniş ekranlarda sağ konum 10 pikseldir.
71.25 em'den geniş ekranlarda, `.content__main-column--interactive:before` öğesinin üst konumu -12 piksel ve yüksekliği `calc(100% + 24px)` olur. `.content__main-column--i` de referans alınır.
İşte akıcı, doğal İngilizce ile yeniden yazılmış versiyon:
Etkileşimli h2 maksimum 620 piksel genişliğe sahiptir. Kök değişkenler, varsayılan olarak karanlık mod sütununa veya karanlık mod özellik rengine (#ff5943) ayarlanan yeni bir sütun rengi belirler. Üstbilgi kenarlık rengi #606060'dır. Gezinme ve gezinmeyi takip eden yan bölümler gizlenir.
Mobilya sarmalayıcısı koyu bir arka plana sahiptir ve düzenini ayarlamak için negatif kenar boşlukları ve dolgu kullanır. Daha küçük ekranlarda (en az 30 em genişliğinde), kenar boşlukları ve dolgu biraz artar. Orta boy ekranlarda (en az 61.25 em), dolgu her iki tarafta 20 piksel olarak ayarlanır. Daha büyük ekranlarda (en az 81.25 em), sarmalayıcı, sözde öğeler kullanarak sol ve sağ taraflara dekoratif öğeler ekler. Bu öğeler, ana içerik alanının dışındaki kalan alanı doldurur ve sağ tarafta bir kenarlık bulunur.
Mobilya sarmalayıcısının içinde, makale başlığı, başlık bağlantıları ve başlık aralıklarının tümü yeni sütun rengini kullanır. Orta boy ekranlarda, manşet bölümünün ilk alt öğesi, üstbilgi kenarlık rengini kullanarak bir üst kenarlık alır. Manşet h1 kalındır ve #dcdcdc rengindedir. Manşetteki figürlerin üst kenar boşluğu yoktur ve küçük bir alt kenar boşluğu vardır.
Daha büyük ekranlarda (en az 71.25 em), meta bölümü bir üst kenarlık alır. Meta bölümündeki ayrıntılar, özetler ve bunların aralıkları #dcdcdc rengindedir. Meta bölümündeki sosyal medya bağlantıları ve düğmeleri, üstbilgi kenarlığıyla eşleşen bir kenarlık rengine sahiptir ve metin ve simgeler için yeni sütun rengini kullanır. Üzerine gelindiğinde, bu sosyal öğeler, arka plan olarak yeni sütun rengiyle koyu arka plan rengine dönüşür ve simgeler de koyu arka plan rengine dönüşür.
Meta bölümündeki diğer metinler de #dcdcdc'dir ve bağlantılar yeni sütun rengini kullanır. Üzerine gelindiğinde, bu bağlantılar aynı rengi ve alt çizgi stilini korur.
Giriş metni ve liste öğeleri, alt kenarlığı olmayan, yeni sütun rengini kullanan bağlantılara sahiptir. Bu bağlantıların altı 6 piksel ofset ile çizilir ve alt çizgi rengi üstbilgi kenarlığıyla eşleşir veya varsayılan olarak #dcdcdc'dir.
İşte akıcı, doğal İngilizce ile yeniden yazılmış metin:
Mobilya sarmalayıcısının giriş bölümünün içindeki bir bağlantının üzerine geldiğinizde, alt kenarlık kaybolur ve alt çizgi rengi sütun rengiyle eşleşecek şekilde değişir. Giriş paragraflarındaki metin açık gridir (#dcdcdc).
61.25 em'den (yaklaşık 980 piksel) geniş ekranlarda, girişteki ilk paragraf üstbilgi kenarlık renginde bir üst kenarlık alır. Ancak 71.25 em'den (yaklaşık 1140 piksel) geniş ekranlarda bu üst kenarlık kaldırılır.
Girişteki liste öğeleri de açık gridir (#dcdcdc). 71.25 em'den geniş ekranlarda, girişin üzerinde üstbilgi kenarlık rengini kullanan renkli bir çizgi belirir.
46.25 em'den (yaklaşık 740 piksel) geniş ekranlarda, mobilya sarmalayıcısı sol ve sağ arka plan panelleri alır. Bu paneller, ana içerik alanının (738 piksel genişliğinde) kenarlarından görüntü alanının kenarlarına kadar uzanır. Koyu bir arka plana ve iç tarafta bir kenarlığa sahiptirler.
Ekran genişledikçe, bu paneller içeriğin etrafındaki alanı doldurmak için büyür. 61.25 em'de içerik alanı 978 piksele genişler. 71.25 em'de 1138 pikseldir. 81.25 em'de (yaklaşık 1300 piksel) 1298 pikseldir.
Dekoratif çizgiler (keyline-4 ve lines), konturları için üstbilgi kenarlık rengini kullanır. Meta bölümündeki sosyal medya simgeleri, yorum düğmeleri ve bunların kenarlıkları da aynı kenarlık rengini kullanır.
Ana makale gövdesinde, h2 başlıkları açık bir yazı tipi ağırlığına (200) sahiptir. Ancak bir h2, kalın metin içeriyorsa (`` etiketini kullanarak), tüm başlık kalın olur (ağırlık 700).
`data-print-layout="hide"` içeren öğelerin içindeki listelerin arka plan resimleri yoktur.
Son olarak, "Guardian Headline Full" adlı özel bir yazı tipi, Guardian'ın varlık sunucusundan hafif ağırlıkta (300) yüklenir. Üç biçimde gelir: woff2, woff ve truetype.
```css
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-LightItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-LightItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Regular.woff2') format('wo
Birçok insan oyunculuk yapabileceğimi düşünmüyor. Wallace Shawn, Hollywood, terapi ve Filistin konusunda sesini yükseltmekten bahsediyor.
