다음은 주어진 영어 텍스트를 한국어로 번역한 것입니다:
이 CSS 코드는 "Guardian Headline Full"이라는 사용자 정의 글꼴 패밀리를 정의하며, 여러 글꼴 두께와 스타일을 포함합니다. 서버 상의 다양한 형식(WOFF2, WOFF, TrueType)의 글꼴 파일과 그 위치를 지정합니다. 글꼴에는 light, regular, medium, semibold 두께가 각각 normal과 italic 스타일로 포함됩니다.
이 CSS 코드는 Guardian 웹사이트를 위한 여러 글꼴 패밀리와 스타일을 정의합니다. WOFF2, WOFF, TrueType 형식의 다양한 글꼴 파일 소스와 그들의 두께 및 스타일을 지정합니다. 글꼴에는 Guardian Headline Full의 bold, bold italic, black, black italic 변형과 Guardian Titlepiece의 bold 버전이 포함됩니다.
코드에는 스크립팅 및 감소된 모션 선호도를 위한 미디어 쿼리도 포함되어 있으며, 로드 시 메인 콘텐츠에 대한 투명도 전환을 설정합니다. 또한, 오버레이 페이드, 캡션 텍스트, 라이트 타입, 다크 배경 등 사이트 전체에서 사용되는 색상과 스타일에 대한 다양한 CSS 사용자 정의 속성(변수)을 정의합니다.
시리즈 캐러셀 및 기사 요소와 같은 특정 구성 요소에 대한 추가 조정이 이루어지며, 여기에는 제목, 헤드라인 및 스탠드퍼스트 텍스트가 포함됩니다. 글꼴 패밀리, 크기 및 색상은 다양한 화면 크기에 맞게 조정되며, 더 넓은 화면에서는 더 큰 글꼴 크기가 적용됩니다. 제목의 특정 스팬과 같은 일부 요소는 표시에서 숨겨집니다.
기사 제목의 경우, 링크 또는 시리즈 텍스트는 특정 색상으로 인라인으로 표시되며, Guardian 헤드라인 글꼴, 20px 크기, bold 두께, 115% 줄 간격을 사용합니다. 호버 시 제목 링크에 밑줄이 생깁니다.
인터뷰이 이름은 미디어 테마 색상, 28px italic 글꼴, light 두께, 115% 줄 간격으로 스타일링됩니다.
기사 요약과 그 링크는 미디어-200 색상, 17px 글꼴, medium 두께를 사용하며, 더 넓은 화면에서는 20px로 증가합니다. 요약 링크는 호버 시 밑줄이 생깁니다.
캡션과 비디오 트랜스크립트 링크는 캡션 색상에 sans-serif 글꼴, 12px 크기, 130% 줄 간격으로 표시됩니다.
바이라인 링크는 Guardian 헤드라인 글꼴, 17px, bold 두께를 사용하는 반면, 바이라인 버튼 텍스트는 medium 두께의 sans-serif 글꼴을 사용합니다. 데이트라인 텍스트는 캡션 색상과 일치합니다.
스크롤리 인용문은 light 색상, 32px 헤드라인 글꼴(대형 화면에서 42px로 증가), light 두께, 115% 줄 간격을 가집니다. 그들의 캡션은 14px의 sans-serif 글꼴을 사용합니다. 중간 및 대형 화면에서는 둘 다 미디어 텍스트 색상을 채택합니다.
메인 콘텐츠 단락의 첫 글자는 미디어-200 색상, 112px 헤드라인 글꼴, light 두께, 80% 줄 간격, 작은 여백으로 왼쪽에 떠 있도록 스타일링됩니다.
미디어 섹션은 상대적으로 위치 지정되며, 전체 높이, 미디어 배경 색상을 가지며, 각 측면에서 컨테이너를 10px 초과합니다(더 넓은 화면에서는 20px). 미디어 및 모바일 요소를 위한 영역이 있는 그리드 레이아웃을 사용합니다. 더 큰 화면에서는 특정 행 할당과 20px 간격으로 2열 그리드로 전환됩니다.
미디어 내의 제목 요소는 여백과 배경 색상을 가지며, 내부 div에 대해 조정된 패딩과 투명 배경을 가집니다. 더 작은 화면에서는 제목이 모바일 영역으로 이동합니다.
중간 크기 화면 이상의 경우, 미디어 섹션은 고정된 본문 너비와 뷰포트 가장자리까지 확장되는 테두리가 있는 색상 있는 사이드바를 생성하는 의사 요소를 가집니다.
미디어 요소는 실선 테두리를 가지며 오른쪽에 위치하며, 그 너비는 뷰포트와 본문 너비를 기반으로 계산됩니다. 더 큰 화면의 경우, 본문 너비는 특정 중단점에서 조정됩니다: 61.25em에 대해 978px, 71.25em에 대해 1138px, 81.25em에 대해 1298px.
기사의 콘텐츠 그리드 레이아웃은 화면 크기에 따라 변경됩니다. 더 작은 화면에서는 미디어, 메타, 스탠드퍼스트 및 본문을 수직으로 쌓습니다. 중간 화면(61.25em 이상)에서는 미디어가 두 열에 걸치는 2열 레이아웃을 사용합니다. 더 큰 화면(71.25em 및 81.25em)에서는 더 많은 열을 추가하고 그리드 영역을 그에 따라 조정합니다.
스탠드퍼스트 섹션에는 상단 여백이 있으며, 선은 숨겨집니다. 헤더 및 비디오에 대한 캡션에는 특정 스타일링과 간격을 가진 아이콘이 포함됩니다. 일부 요소는 헤더 캡션의 두 번째 단락과 같이 레이아웃에서 숨겨지거나 조정됩니다.
기사 듣기 버튼에는 상하 여백이 있습니다. 핀 스페이서는 자식에는 포인터 이벤트를 허용하지만 자신은 허용하지 않습니다. 헤더는 더 높은 z-인덱스로 위치 지정됩니다.
앱에서 데이트라인에는 하단 여백이 없습니다. 작은 화면의 가로 모드에서 미디어 그리드는 제목, 인터뷰이 및 미디어 컨테이너에 대한 특정 영역으로 재배열됩니다.
iOS의 경우, 정적 및 비디오 헤더의 특정 의사 요소가 숨겨집니다. 스크립팅이 비활성화된 경우, 레이아웃은 미디어가 전체 너비를 차지하고 다양한 화면 크기에 대해 그리드 영역이 재배열되도록 적응합니다.
스크린 리더 전용 콘텐츠는 접근성을 위해 화면 밖에 위치 지정됩니다.
메인 열의 대화형 콘텐츠에 대해, 지원 그림은 75% 너비로 설정되며 이전 요소를 지우지 않습니다. 중간 화면 이상에서 이러한 그림은 75% 너비를 유지하며, 떠 있지 않고 정적으로 위치하며, 일반 줄 간격과 상단 여백 없음을 가집니다. 더 넓은 화면에서는 왼쪽 여백이 없으며, 그들의 캡션은 너비 제한 없이 정적입니다. 매우 넓은 화면에서는 그림은 왼쪽 여백 없이 75% 너비를 유지하며, 캡션은 최대 너비가 없습니다. 중간에서 대형 화면의 경우, 몰입형 요소는 오른쪽으로 20px 확장됩니다.
정적 및 비디오 콘텐츠에 대한 헤더는 0 10px의 패딩을 가지며, 작은 화면에서 0 20px로 증가합니다. 그들의 미디어 컨테이너는 전체 너비와 높이를 차지하며, 더 큰 화면에서 4:5 종횡비를 가집니다. 이미지 래퍼는 상단에 고정되어 전체 영역을 덮으며, 더 큰 화면에서 상대적으로 변합니다. 내부의 이미지와 그림은 그들의 컨테이너를 채우고 덮도록 잘리며, 인접한 스팬과 링크는 숨겨집니다. 두 번째 이미지 레이어는 상단 왼쪽에 절대적으로 위치 지정됩니다.
모바일 퍼니처 래퍼는 하단에 고정되어 있으며, 플렉스 컬럼이며, 그들의 콘텐츠에 맞추며 배경 색상을 가지며, 더 큰 화면에서 일반 흐름의 일부가 됩니다. 제목과 인터뷰이 정보는 각각 두 번째와 세 번째로 순서 지정됩니다. 더 작은 화면에서는 래퍼 위에 그라데이션 페이드가 적용됩니다.
헤드라인 컨테이너는 상단에, 전체 너비, 하단 패딩, 배경 색상, 끝에 정렬 및 다른 요소 위에 z-인덱스로 지정됩니다. 헤드라인을 위한 그리드 레이아웃을 사용하며, 첫 번째와 두 번째 헤드라인이 동일한 영역을 차지합니다.
61.25em보다 넓은 화면의 경우, 헤드라인 컨테이너의 상단 여백을 0으로 조정하고, 최대 너비를 540px로 설정하며, 미디어 테두리 색상을 사용하여 상단 테두리를 추가합니다.
61.24em보다 좁은 화면의 경우, 첫 번째 헤드라인을 컨테이너의 시작에 정렬합니다.
두 번째 헤드라인의 최대 너비를 620px로 설정하고 첫 글자를 대문자로 합니다. 최소 30em 너비의 화면의 경우, 두 번째 헤드라인을 오른쪽으로 20px 이동합니다. 61.25em 이상의 화면의 경우, 하단 대신 상단에서 4px에 위치 지정합니다.
감소된 모션을 선호하는 경우, 헤드라인 컨테이너를 블록 요소로 표시합니다. 감소된 모션과 작은 화면(최대 너비 46.24em)에서 두 헤드라인의 상단 여백을 재설정합니다. 또한, 두 번째 헤드라인에 10px의 상단 패딩을 추가합니다.
인터뷰이 섹션을 그리드의 'interviewee' 영역에 20px 하단 패딩으로 위치 지정합니다. 비디오 헤더의 경우, 컨트롤을 하단에 10px 오프셋으로 절대적으로 위치 지정합니다.
최대 46.24em 너비의 화면의 경우, 헤더 높이를 100%로 설정합니다. iOS 장치의 경우, 첫 번째 행을 100lvh로 설정된 그리드 레이아웃을 사용하고 작은 화면에서 하단 도구 모음을 고려하여 인터뷰이 패딩을 조정합니다.
Android 장치의 경우, 100vh에서 상단 바 높이를 뺀 값으로 그리드 행 높이를 계산하고 그에 따라 모바일 퍼니처 래퍼의 패딩을 조정합니다.
좁은 화면(최대 너비 700px)의 가로 모드에서 헤더 높이를 그 콘텐츠에 맞추고 미디어 컨테이너를 적합한 높이로 표시합니다.
렌더링 대상이 앱일 때 이미지 래퍼 내의 레이블을 숨깁니다.
비디오 컨테이너의 경우, 비디오가 전체 영역을 객체 맞춤 cover로 덮고 활성화 시 페이드 인 전환을 갖도록 합니다. 컨트롤 버튼을 오른쪽 하단에 원형 디자인과 적절한 간격으로 절대적으로 위치 지정합니다.
더 큰 화면에서 비디오 컨테이너의 종횡비를 4/5로 조정합니다.
스크롤리 인용문의 경우, 미디어 컨테이너를 상단에 고정, 100vh 높이, 숨겨진 오버플로우로 설정하고 내부 항목을 절대적으로 위치 지정합니다.
스크롤리-인용문 섹션의 이미지는 그 컨테이너를 완전히 덮도록 설정되며, 종횡비를 유지합니다. 인용문 컨테이너는 뷰포트 상단에 고정되도록 위치 지정되며, 작은 화면에서 반투명 배경을 가집니다. 인용문은 너비의 75%를 차지하고 단어 줄 바꿈을 지원하는 래퍼에 표시됩니다.
더 큰 화면에서 레이아웃이 2열 그리드로 변경되고 배경이 그에 따라 조정됩니다. 스크롤리-인용문 섹션의 전체 높이는 뷰포트 높이와 콘텐츠 길이를 기반으로 계산되며, 감소된 모션을 선호하는 사용자에 대해 높이가 줄어듭니다.
iOS 장치의 경우, 적절한 크기 조정을 위해 특정 뷰포트 단위가 사용됩니다. 그림과 블록 인용문과 같은 대화형 요소는 보일 때 부드러운 페이드 인 애니메이션을 가집니다.
다크 모드에서 다양한 색상 변수가 더 어두운 색조로 조정되어 가독성과 시각적 편의성이 향상됩니다.
"이것을 일종의 마지막 장으로 보지 않을 수 없습니다," 팀 커리가 그의 회고록 '방랑자(Vagabond)'에 대해 말합니다. 그가 그것을 썼다는 사실 자체가 놀랍습니다. 커리는 항상 그의 사생활을 소중히 여겼습니다—제가 그를 설득하여 가디언과의 인터뷰를 하도록 시도한 것은 5년 이상 전에 시작되었습니다. 이제 79세인 그는 여전히 앞을 바라보는 것을 선호하며, 이것이 그의 경력에서 그가 이렇게나 많은 것을 성취한 이유를 설명합니다.
이 배우는 무한한 에너지로 유명합니다. 그가 정신없고 입이 거친 집사 워즈워스를 연기한 살인 미스터리 코미디 '클루(Clue)'를 촬영하는 동안, 그는 너무 열심히 연기하여 현장의 간호사가 그의 혈압을 확인한 후 심장 마비 위험이 있다고 경고했습니다.
그의 가장 상징적인 스크린 역할은 여전히 1975년 그의 돌파구인 '록키 호러 픽쳐 쇼'에서 수수께끼의 섹스 심볼 프랭크-N-푸터 박사 역입니다. 그러나 그는 많은 잊을 수 없는 악당을 연기했습니다; 저에게 있어 그는 항상 스티븐 킹의 '그것(It)'의 1990년 공포 미니시리즈 각색에서의 광대 페니와이즈일 것입니다. 1982년 '펜잔스의 해적'과 2007년 '스팸어랏'에서의 그의 무대 연기는 모두 올리비에 상 후보에 올랐습니다. 게다가, 그는 많은 캐릭터에 목소리를 제공하며, 카툰 클래식 '와일드 쏜베리즈'에서 탐험가 나이젤 쏜베리로 밀레니얼 세대를 사로잡았습니다.
모든 역할에서 커리는 마음과 삶에 대한 열정을 발산하며, 그의 윙크는 위협과 기쁨 사이에서 흔들립니다. 뭅집 보물섬에서 롱 존 실버를 연기했을 때보다 더 즐거워한 배우가 있었을까요?
"저는 제가 운이 좋다는 것을 매우 잘 알고 있습니다,"라고 그는 말합니다. "저는 실제로 제가 얼마나 야망이 있었는지 놀랍니다. 저는 전혀 제 자신을 야망 있다고 생각하지 않았습니다."
코미디는 항상 그에게 연기자로서 중요했지만, 더 최근에는 "대처 메커니즘"이 되기도 했습니다. 2012년, 67세의 나이에 그는 심각한 뇌졸중을 겪어 왼쪽이 마비되었습니다. 그는 말하는 능력을 잃지 않은 것에 감사합니다. 다른 사람들을 웃게 하는 것은 분명히 그에게 기쁨을 줍니다—그의 대화는 날카로운 발언, 펀치라인 및 인상적인 목소리 연기로 가득합니다. 뇌졸중이 그의 인생관을 어떻게 바꾸었나요? "뇌졸중 전날, 저는 말보로 레드 3갑을 피웠습니다,"라고 그는 공유합니다. "다시는 그렇게 하지 않을 것입니다!"
뇌졸중과 팬데믹 사이에, 커리는 그
