내 웹 사이트에서만 이상한 글꼴 크기 문제가 발생했습니다.

Question

현재 저는 대학 도서관의 사이트를 개발 중이며 매우 이상한 문제가 발생했습니다. 라이브 버전이든 또는 내 컴퓨터 (서버가 아닌)의 글꼴이든 항상 웹 사이트의 글꼴이 작아야합니다. 이는 내 컴퓨터와 내 감독자의 두 컴퓨터에서만 발생합니다. 모든 브라우저에서 발생합니다. 나는 우리가 코드를 다루었 기 때문에 우리 둘 모두에서 그런 일이 일어나고 있음을 확신하지만, 그것에 영향을 줄 수있는 CSS 규칙을 생각할 수는 없다. 더 나쁜 것은 두 가지 다른 CSS에 영향을 미치고 있습니다. 예전 사이트 (내가 만지지 않은 사이트)와 내일 출시 될 새로운 사이트에 영향을줍니다. 컴퓨터에서 글꼴을 표시하는 방식, 브라우저에서 글꼴을 표시하는 방법, 해상도를 변경하고 확대/축소하는 방법을 고치려고 시도했습니다. 이러한 방법 중 아무 것도 작동하지 않았습니다. 또한, 동일한 해상도와 모니터를 가진 다른 컴퓨터는 잘 보입니다. 내가 방문한 다른 웹 사이트에는이 문제가 없습니다. 나는 혼란 스럽다. 어떤 아이디어?

사이트

은 여기에 있습니다 : 텍스트의 http://library.uis.edu

비교는 여기에서 볼 수있다 : 첫 번째 글꼴로 프로 무수히를 호출처럼 http://imgur.com/a/Tb7Mv

Answer 1

글자 크기 문제가 아니라 글꼴 문제 일 수 있습니다. Myriad pro는 websave 글꼴로 간주되지 않습니다. 귀하의 머신과 Proabaly가 Supervisor를 설치 했으므로 Myriad와 함께 제공되며 Myriad에서는 사이트를보고있는 반면 다른 머신은 Verdana에서 사이트를 보게됩니다. (비록 완전히 확실하지는 않지만)

Answer 2

것 같습니다. 내 시스템에 그 글꼴을 설치했는데 글꼴 크기를 Myriad Pro와 같은 글꼴에서 75 %로 지정하면 글꼴 크기가 상당히 줄어들 것입니다. 글꼴 크기와 폰트 패밀리를 Verdana로만 지우면 괜찮습니다. 그러나 탭이있는 탐색과 같은 일부 요소는 해결해야합니다.

@ font-face 및 웹에서 생성 된 글꼴 팩을 사용하지 않는 한 그런 글꼴은 사용하지 않을 것입니다. Myriad Pro를 글꼴로 선택하면 해당 글꼴이있는 컴퓨터에만 해당 글꼴이 렌더링됩니다. Google 웹 글꼴과 같은 것을 사용해보십시오. http://www.google.com/webfonts/

본문 수준의 글꼴은 괜찮으며 교차 글꼴 (제목과 단락)은 본문이 아닌 해당 요소에 대해 전역 수준에서 처리해야합니다. 본문이 본문에있는 텍스트의 대부분을 차지한다고 가정합니다. 1.0em과 같은 표준 글꼴 크기를 정의 할 수 있습니다. 원하는 경우 본문 수준에서 사용하고 body에서 1.0em을 사용하지 않으려면 h1, h2 태그 및 p 태그와 같은 다른 요소의 크기를 정의하십시오.