this website의 <h1>에 font-family (Helvetica)이있는 이유에 대해 혼란 스럽습니다 (적어도 Chrome에서 볼 때).CSS 우선 순위 혼란 CSS
Google 개발자 도구에서 글꼴 계열이 부트 스트랩 CSS의 body 규칙 (bootstrap.min.css 참조)에서 상속 된 것처럼 보입니다.
names.css 파일을 우선시해야합니까? 그러면 h1 태그에 font-family이 Lobster으로 명시 적으로 설정됩니다.
그것은 선택의 우선 순위의 문제는 아니다 : 크롬 대체로 font-family에 대한 inherit 속성을 허용하지 않습니다. 그것을 제거하면 예상대로 글꼴을 갖게됩니다.
font-family 글꼴, 또는inherit 특수 값의 목록을 받아들이는 The standart says,하지만 둘의 혼합. 나는 폰트가 목록에 없으면 inherit으로 폴백 할 것이라고 확신한다.
해당 웹 페이지를 열 때 크롬에서 해당 줄에 노란색 느낌표 삼각형을 표시하므로 해당 CSS 글꼴 사양이 처리되지 않습니다.
@font-face {}을 신고하셨습니까? 글꼴이 제대로 설치되지 않은 것처럼 보입니다. Chrome이 그 글꼴로 처리해야 할 것을 모르기 때문입니다.
편집 : inherit 분리
문제를 해결한다.
설치되지 않은 이름 지정 글꼴은 CSS 구문 오류를 발생시키지 않으므로 '@ font-face'지시문과 관련이 없습니다. – zneak
zneak is super correct.zors –
정말 고마워요! 나는 그 머리 위로 머리카락을 찢어 내고 있었다. – flossfan