게시일: 2025년 9월 2일
Chrome 140이 현재 출시되고 있으며, 이 게시물에서는 이번 출시의 주요 기능을 소개합니다. Chrome 140 출시 노트 전문을 읽어보세요.
이번 출시의 주요 사항:
ToggleEvent을 트리거한 요소를 파악합니다.content속성의 대체 텍스트에counter()및counters()를 사용합니다.@font-face규칙에서font-variation-settings설명자 지원을 찾습니다.
ToggleEvent를 트리거한 요소 확인
ToggleEvent의 source 속성에는 ToggleEvent이 트리거된 요소가 포함됩니다(해당하는 경우).
예를 들어 사용자가 popovertarget 또는 commandfor 속성이 설정된 <button> 요소를 클릭하여 팝오버를 여는 경우 팝오버에서 발생한 ToggleEvent의 소스 속성은 호출 <button>로 설정됩니다.
source의 MDN 문서를 참고하여 예시를 확인하세요.
content 속성의 대체 텍스트에 counter() 및 counters() 사용
이 기능은 content 속성의 대체 텍스트에서 counter() 및 counters()를 사용할 수 있는 기능을 추가합니다. 이를 통해 접근성을 개선하기 위한 더 의미 있는 정보를 제공할 수 있습니다.
이제 font-variation-settings 설명자가 @font-face 규칙에서 지원됩니다.
CSS를 사용하면 개별 요소의 font-variation-settings 속성을 사용하여 글꼴의 가중치, 너비, 기울기 및 기타 축을 조정할 수 있습니다.
@font-face의 font-variation-settings CSS 설명자를 사용하면 @font-face at-rule에서 동일한 작업을 할 수 있습니다. 이 설명자의 값은 전역 키워드 값을 제외하고 font-variation-settings 속성과 동일합니다.
@font-face {
font-family: "OpenTypeFont";
src: url("open_type_font.woff2") format("woff2");
font-variation-settings:
"wght" 400,
"wdth" 300;
}
추가 자료
여기서는 몇 가지 주요 사항만 다룹니다. Chrome 140의 추가 변경사항은 다음 링크를 참고하세요.
- Chrome 140 출시 노트
- Chrome DevTools의 새로운 기능 (140)
- Chrome 140의 ChromeStatus.com 업데이트
- Chrome 출시 일정을 참고하세요.
구독
최신 소식을 확인하려면 Chrome 개발자 YouTube 채널을 구독하세요. 새 동영상이 출시될 때마다 이메일 알림을 받게 됩니다. 또는 X나 LinkedIn에서 팔로우하여 새로운 기사와 블로그 게시물을 확인하세요.
Chrome 141이 출시되면 Chrome의 새로운 기능을 알려드리겠습니다.