웹페이지에 실제로 표시된 글꼴 살펴보기.
첫 번째 CSS 글꼴이 성공적으로 로드되었다고 가정하지 말고 계산된 스타일을 살펴보세요. 실제 표시된 글에 영향을 주는 굵기와 대체 글꼴을 기록하세요.
작업에 맞게 절차를 조정하세요.
대표적인 제목과 본문을 골라 사용 가능한 스타일에서 글꼴 패밀리, 크기, 굵기, 줄 높이를 기록하세요. 선언된 대체 글꼴 목록과 실제 표시된 글꼴의 증거를 분리하세요. 페이지 전체의 패턴을 말하기 전에 로딩 상태와 반응형 변형을 확인하세요.
- 제공할 내용
- 선택한 페이지의 계산된 텍스트 스타일.
- 받을 결과
- 실제로 적용된 글꼴 패밀리, 굵기, 크기.
입력과 결과를 확인하세요.
설명용 입력과 출력 · 실제 WebAct 실행이 아닌 학습용 예시
입력 항목 예시개
Supplied style inspection of h1: font-family "Example Sans", Arial, sans-serif; font-size 40px; font-weight 700; line-height 48px. No rendered-font inspection or loading evidence supplied.
완성된 예시
Element: h1 Declared/computed family stack: "Example Sans", Arial, sans-serif Size: 40px Weight: 700 Line height: 48px Actually rendered face: unconfirmed. The family stack alone does not prove Example Sans loaded.
이 입력을 프롬프트에 넣고 WebAct에 복사해 작업을 실행해 보세요. 결과는 설명용 예시와 다를 수 있습니다.
판단 기준과 문제 해결.
계산된 font-family 값으로 첫 번째 글꼴이 표시되었음을 증명할 수 있나요?
아닙니다. 선언된 목록일 수 있습니다. 그 차이가 중요하다면 적절한 브라우저 검사로 실제 표시된 글꼴을 확인하세요.
같은 패밀리의 두 요소가 다르게 보이는 이유는 무엇인가요?
굵기, 가변 글꼴 설정, 크기, 자간 또는 특정 문자에 쓰인 대체 글꼴이 다를 수 있습니다. 패밀리만 보지 말고 이러한 속성을 살펴보세요.
직접 준비한 자료로 시도하세요.
작업 프롬프트의 예시를 내 자료로 바꾸세요. 필요한 요구 사항은 유지하고 작업을 WebAct에 복사하세요.
작업 맞춤 설정 및 복사 ↑