css에서 CSS를 사용하지 않는 글꼴 문제가 발생했습니다. Chrome PC를 사용하고 있지 않습니다.

Question

빨간색 글자 알림과 읽지 않은 메일 수가 표시된 글꼴 형식의 읽지 않은 메일 알림을 보여주는 코드가 있습니다. 코드는 firefox (mac and pc), 즉 chrome PC에서 잘 작동합니다 (지금까지 테스트되었습니다).

이

여기가 크롬 (맥)에서 작동하지 않는

는 파이어 폭스 (맥)의 모습입니다 내가 http://codepen.io/johnstuif/pen/pvLgYp

를 사용하는 예입니다. 받은 편지함을 볼 수는 있지만 빨간색 원과 번호는 볼 수 없습니다. 나는 가정하고

.fa-stack 
 
{ 
 
    margin-bottom: -60px; 
 
} 
 
    
 
.fa-stack[data-count]:after 
 
{ 
 
position:absolute; 
 
right:66.9%; 
 
top:-5%; 
 
content: attr(data-count); 
 
font-size:30%; 
 
padding:.5em; 
 
border-radius:999px; 
 
line-height:.60em; 
 
color: white; 
 
background:rgba(255,0,0,.85); 
 
text-align:center; 
 
min-width:.1em; 
 
font-weight:bold; 
 
}

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> 
 
<a class="navbar-brand dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" id="inbox_container" style="margin-top: -9px"> 
 
<span class="fa-stack fa-2x" id="inbox_total" data-count="3"> 
 
    <i class="fa fa-inbox"></i> 
 
</span> 
 
</a>

은 브라우저 버그 문제가 있지만, 심지어 내가 만약 내가 내 인생은 크롬 (맥)와 함께 작동하도록하는 방법을 알아낼 수 없습니다 양철통.

Answer 1

일부 검색에서 내가해야 할 일은 clearing of chrome cache and a hard reset이며 이제는 작동한다는 것을 발견했습니다.

놀라워요!