주로 글꼴 문제이기 때문에 대체 글꼴은 @font-face
을 통해 웹 글꼴이라고도하는 다운로드 가능한 글꼴을 사용하고 문자 대신 이미지를 사용하는 것입니다. 추가로 어려움이 있기 때문에 "주로"썼습니다 : 일부 브라우저는 해당 font-family
목록에있는 글꼴에서 찾을 수없는 경우 일부 문자를 표시하지 않습니다. 이러한 문제에 대한 일반 사항은 내 Guide to using special characters in HTML을 참조하십시오.
이 특수한 경우, "✓"문자는 비교적 적은 글꼴로 존재하므로 문제가 발생할 수 있습니다. 나는 다른 사람들이 대부분의 경우 OK라고 기대하지만, 내 기대는 잘못되었다 : 안드로이드 (2.x)는 ▲와 ▼를 보여 주지만 ◄와 ►는 보이지 않는다.
그런 문자를 렌더링하기 위해 다운로드 가능한 글꼴을 사용하면 과도 할 수 있으므로 이미지를 사용하는 것이 가장 좋습니다. 적당한 크기의 폰트를 사용하여 프로그램의 문자를 작성하고 각자의 화면 캡쳐를 가져 와서 이미지로 저장할 수 있습니다. 그런 다음 img
태그를 사용하여 em
단위를 사용하여 CSS의 이미지 높이를 적절한 높이로 설정합니다. 그 이유는 글꼴 크기에 맞춰 다양한 글꼴 크기로 멋지게 보일 것이고 아래쪽으로 크기를 조정하면 위쪽으로 크기를 조정하는 것보다 더 좋은 결과를 얻는 경향이 있기 때문입니다.
이렇게하면 ▲, ▼, ◄, ►을 모두 이미지로 표현하여 스타일이 일치하도록하는 것이 가장 좋습니다.
유용 할 수도 있습니다. http://stackoverflow.com/questions/1696619/displaying-unicode-symbols-in-html –