글꼴을 렌더링을 위한 웹 페이지의

StackOverflow https://stackoverflow.com/questions/33881

  •  09-06-2019
  •  | 
  •  

문제

나는 항상 같은 문제를 만들 때 웹 페이지입니다.때를 추가하는 글꼴은 큰 다음에 대 16-18px 됩니다.지그 및 픽셀.가 다른 글꼴을 사용하여와 무게,그러나지 않았던 많은 행운이있다.

참고:그 windows 에서만 그것은 이와 같습니다.에서 주로 오페라와 FF 도에 IE7 그러나 확실히 나쁘지 않.리눅스에서 글꼴을 좋아 보인다.나는 보지에 맥.

너희들은 무엇을 수행하여이 문제를 해결합니까?어떤 경우.나는 여기에 제목에서도 꽤 들쭉날쭉 하지만 그들은 단지 충분히 작은하지 않습니다.

도움이 되었습니까?

해결책

거기에 아무것도 할 수 있을 사용하면 사용자는 변경되는 방식으로 운영 체제 렌더링하는 글꼴입니다.는 경우에는 당신에게 바꿀 수 있습니다 큰 표제와 함께 이미지를 제어할 수 있습 방법을 정확하게 글꼴은 렌더링(고 제목을 보이는 당신이 원하는대로 정확하게도,경우에는 사용자화는 제안된 글꼴이 설치되어 있).

만약 당신이 이렇게 제공하고 있는지 확인하십시오 대체 텍스트 표현하지 않는 사람들을 위해 이미지를 참조하십시오.내가 사용하는 경향이 있 CSS 을 보여주는 배경 이미지,그리고 숨기 내용의 제목을 표시합니다.이와 같습니다.

<style>
    h1
    {
        height: 32px;
        width: 100px;
        background: url("path/to/image")
    }

    h1 span
    {
        display: none;
    }
</style>

<h1>
    <span>
       Heading Text
    <span>
</h1>

솔직히 이가 같이 보이 잔인한 경우에는 모든 대형 텍스트입니다.그리고 그것을 증가시킬 것이 양의 데이터는 귀하의 고객이 필요로 하는 다운로드합니다.그러나 큰 표제 이 방법을 이어질 수 있습을 보이는 것 보다 더 좋 OS 렌더링되는 텍스트입니다.

다른 팁

사용 anti-aliasing 를 해결해야 디스플레이 문제입니다.

고객께서 anti-aliasing 도록 명확한 유형입니다.

Windows 에서 사용 클리어 이 문제를 해결합니다.그러나,당신이 할 수 없는 강제로 사용자가 사용이 그것 있습니다.그것은 브라우저는 문제점;그것은 운영체제 시스템의 글꼴 스무딩 방법입니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top