2017-12-17 15 views
0

일부 웹 개발을하고 있습니다.웹 페이지의 텍스트에 어떤 글꼴 모음을 사용합니까?

font-family: "Roboto", "Helvetica", "Arial", sans-serif; 

어떻게 브라우저에서 사용이에서 어떤 글꼴 가족이 알고 :

나는 다음과 같은 폰트 패밀리가 정의한 구성 요소 (텍스트)가?

나는 현재 모질라를 사용하고 난 경위를 열고 봇 규칙계산 된 탭 쇼 : font-family: "Roboto", "Helvetica", "Arial", sans-serif;

도있다는 글꼴 탭이 표시 : enter image description here

+0

https://stackoverflow.com/questions/845/detecting-which-font-was-used-in-a-web-page –

+0

질문을 표현한 현재 제시, 그것은을 * rules * 및 * computed * 탭 모두 어느 글꼴 종류가 사용되는지 * 알기 때문에 이미 자신의 질문에 대답했습니다. * font-families *의 ** 특정 범위 **에서 * which * font-family, *가 사용되는지 알고 싶다면 이것을 나타내는 질문을 명확히하는 것이 좋습니다. – UncaughtTypeError

+1

[웹 페이지에서 사용 된 글꼴 감지 중] 가능한 복제본 (https://stackoverflow.com/questions/845/detecting-which-font-was-used-in-a-web-page) –

답변

2

, 검사 할 정확한 태그를 선택 = 변경 한 경우. "계산 된"스타일 탭을 선택하면 스택의 글꼴이 사용되었음을 알 수 있습니다. 여기서 '코드'는 글꼴 스택이 Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif이고 내 컴퓨터에서 정확하게 "Consolas"(이미지의 오른쪽 하단)를 확인할 수 있습니다.

편집 : FF 스크린 샷을 추가했습니다. 파이어 폭스에서 같은 작업을하고 싶다면 확인하고 싶은 특정 태그를 선택하십시오.

chrome inspector, rendered font firefox inspector, rendered font

+0

좋아요! 나는 최근에 파이어 폭스로 바꿨다. 파이어 폭스에서 비슷한 것이 있는지 안다. – croraf

+0

정확히 동일합니다. 확인할 단일 항목을 선택하기 만하면됩니다. 당신은 당신의 질문에 대답을 게시했습니다 :) –

+0

똑같은 것은 아니지만 검사관 - 서체 탭. – croraf

0

처음이 코드를 시도 :

font-family: "Helvetica", "Arial", sans-serif; 

ppearence는 변경이 Roboto로 다른했다 :

font-family: "Arial", sans-serif; 

헬 베티는
등이 있습니다 .. 관리자를 사용하여 크롬에서

+0

브라우저 속성에서 이것을 변경하십시오 –

+0

이 방법이 마음에 들지 않습니다. miquel-svq가 말했듯이, inspector에서 글꼴 정보를 찾고있었습니다. 다행히도 Firefox와 비슷한 기능이 있습니다. – croraf