2017-12-05 26 views
-1

Render problem텍스트는 몇 주 이후, 내가 전에 어떤 문제가 있었하지 않습니다, 크롬과 오페라

우리의 인터넷 쇼핑몰은 크롬과 오페라의 렌더링 문제가있는 메뉴가 잘못 렌더링합니다.
스크린 샷에서 볼 수 있듯이 텍스트가 올바르게 렌더링되지 않습니다.
텍스트 항목을 가져 가면 (마녀가 다른 색상의 호버 효과를 가짐) 마우스가 텍스트를 떠날 때 텍스트 항목이 올바르게 표시됩니다.
일부 지역에서도 제목이 올바로 표시되지 않지만 마우스 오버 효과가 없으므로 텍스트를 선택해야합니다. 선택을 취소하면 올바른 것입니다.

누구나 크롬이나 오페라에서 동일한 문제가 있으며 해결 방법을 알고 있습니까?
항목에 Z- 색인을 추가하려고 시도했지만 도움이되지 않습니다.

수정 :
크롬 업데이트로 인해 동일한 문제가 발생하여 문제를 해결하기를 바랍니다. 코드를 먼저 추가하지 않습니다.
또한 CSS는 많은 CSS 규칙이있는 메뉴 플러그인이기 때문에 꽤 크다.
지난 몇 주간 코드에 변경 사항이 없었기 때문에 모든 것이 잘되었습니다.

+0

글꼴 문제 일 수 있습니다. 어떤 글꼴이 사용됩니까? – Sonia

+0

@Sonia font-family : Arial, sans-serif, "Helvetica Neue", Helvetica – FamousWolluf

답변

0

브라우저마다 글꼴이 약간 다르게 렌더링 될 수 있습니다. 너는 그것을 바꿀 수 없다. 이 사용

시도 : 나는 굴림을 알고

@font-face {font-family: 'fontname'; 
src: url('../../includes/fonts/fontname.eot'); 
src: url('../../includes/fonts/fontname?#iefix') format('eot'), 
url('../../includes/fonts/fontname.woff') format('woff'), 
url('../../includes/fonts/fontname.ttf') format('truetype'), 
url('../../includes/fonts/fontname.svg') format('svg'); 
font-weight: normal; 
font-style: normal;} 

@media screen and (-webkit-min-device-pixel-ratio:0) {@font-face {font-family: 'chunk-webfont'; 
src: url('../../includes/fontsfontname.svg') format('svg'); 
}} 

는 웹 폰트입니다 그러나 글꼴을 생성 및이를 시도 할 수 있습니다.

+0

모든 글꼴이 똑같은 일을하기 때문에 Arial에 문제가 있다고 생각하지 않습니다. – FamousWolluf