2011-04-30 5 views
3

애플은 그것의 웹 사이트에서 하얀 새도우 같은 글꼴을 사용하여 새긴/에칭 글꼴처럼 보이게합니다. 몇 가지 트릭을 발견했지만 항상 제한적입니다. (같은 효과가 다른 효과를 내기 위해 in this web site too을 사용합니다.)apple -s-website-like 글꼴 스타일을 얻는 방법?

이 글꼴 효과를 얻고 모든 브라우저에서 작동되게하려면 어떻게해야합니까? 누군가가 정확히 같은 효과를 얻을 스크립트 (자바 스크립트 또는 CSS 물건)을 알아? 평소처럼

text-shadow: white -1px 1px; 

, 최신 CSS 물건 ISN '... 는 애플 사이트에서 의미있는 위치에 대한 당신이

+0

효과의 예를주십시오 너 말이야. 내가 제공 한 링크에서 특별한 것을 볼 수 없습니다. –

답변

6

확실하지 고맙지 만 다른 링크, 다음과 같은 CSS로 달성 IE에서 잘 지원됩니다. 나는 < IE9가이 속성을 지원하지 않을 것이라고 생각한다. 비슷한 무언가를 달성하기 위해 마이크로 소프트 독점 filter 속성을 사용할 수 있습니다처럼 보이는

... 공식적으로

filter: Shadow(Color=#fffffff, Direction=0, Strength=1); 
+0

CSS 2.1 사양의 일부가 아니기 때문에 모든 브라우저에서 text-shadow 속성이 지원되지는 않습니다. –

+0

@kennis 모든 브라우저가 CSS 2.1을 지원하지는 않습니다. :) 편집을하겠습니다. – alex

+0

하하, 충분합니다. –

3

,이 모든 브라우저에서 작동하지 않습니다. IE의 모든 버전에서 작동하는지 모르지만 FF, Chrome 및 Safari에서는 잘 작동합니다.

주요 CSS 속성은 text-shadow입니다. Here's 빠른 심판

예 추적 :

<style type="text/css"> 
    body { 
    background-color: gray; 
    color: black; 
    text-shadow: 0px 1px 0px white; 
    } 
</style> 
1

내가 몇 구글 주위 스니핑 않았고이 사과 "가정"사용하는 것입니다 ...

h1 { 

color:black; 

font: 35px/50px "Lucida Grande", Arial, Verdana, sans-serif; 

} 
+0

이 작동하는지 알려주세요 ...... –

관련 문제