CSS가 맞습니까?

Question

다음은 내 CSS 파일과 참조하는 이미지입니다. 사진에서 첫 번째이지만 10 일 또는 다른 두 자리 일 경우 2013 년이나 아니겠습니까? 그것은 바보 같은 질문이고, 나는 안다. 그러나 나는 전체 마진, 패딩, 위치, 그리고 플로팅 팩터에 대해 확신하지 못한다.

REPHRASED QUESTION : 나는 패딩과 여백이 너무 좋지 않으므로 잘못된 질문을하고 있습니다. 사진은 2013 년 4 월 1 일을 멋지게 보여줍니다. 그러나 4 월 10 일 (2 일째 날짜)에 2013 년 교대를 올바르게 (2013 년 교대), 2013 년 중복 또는 다른 곳으로 이동하지 않을지 궁금합니다. 내가 부탁 해요 이유는 .. 내가 그것을에 영향을 미칠 것 있는지 확실하지 않습니다, 때문에 내 마진, 패딩, 수레, 그리고 위치입니다

@font-face { 

    font-family: Walkway Bold; 

    src: url('Fonts/WalkwayBold.ttf'); 
} 


@font-face { 

    font-family: Roboto; 

    src: url('Fonts/Roboto.ttf'); 
} 

@font-face { 

    font-family: CaviarDreams; 

    src: url('Fonts/CaviarDreams.ttf'); 
} 

body { 

    font-family: Roboto; 
    margin: 0; 
    padding:0; 
    background: #000; 
    background-size: 61%; 
    color:#FFF; 
    text-shadow:3px 3px 7px #000000; 

} 

div#content { 
    position:absolute; 
    -webkit-transform: rotate(0deg); 
    left:75px; 
    top:0px; 
} 

div#timecluster { 
    font-family: Roboto; 
    position:absolute; 
    text-align:center; 
    top:30px; 
    left:-95px; 
    color:#fff; 
    clear:left; 
    width:345px; 
    opacity:.8; 
} 

div#hourbox { 
    font-family: Roboto; 
    text-align:right; 
    color:#ffffff; 
    position:relative; 
    font-size:75px; 
    letter-spacing:-5px; 
    margin-right:3px; 
    font-weight:bold; 
} 

div#minutebox { 
    font-family: Roboto; 
    position:relative; 
    opacity: 0.2; 
    font-size:75px; 
    letter-spacing:-5px; 
    margin-left:10px; 
    font-weight:bold; 
} 

div#ampmbox { 
    text-align:right; 
    position:relative; 
    font-size:75px; 
    letter-spacing:-5px; 
    font-weight:bold; 
    margin-top:-5px; 
    right: -5; 
} 

div#datecluster { 
    position:absolute; 
    top:90px; 
    left:-130px; 
    width:380px; 
    height:180px; 
} 

div#dateinner { 
    position:absolute; 
    top:40px; 
    left:40px; 
    width:300px; 
    height:90px; 
} 



div#monthbox { 
    font-family: CaviarDreams; 
    position:absolute; 
    float:left; 
    padding:0; 
    font-size:20px; 
    opacity:0.2; 
    width:135px; 
    text-align:right; 
    top: -19px; 
} 

div#daybox { 
    font-family: CaviarDreams; 
    position:relative; 
    float:left; 
    padding:0; 
    font-size:20px; 
    opacity:0.2; 
    width:135px; 
    text-align:right; 
    top: 1; 
} 

div#datebox { 
    font-family: Roboto; 
    position:relative; 
    float:left; 
    margin:-20px 4 0 10; 
    font-size:40px; 
    opacity:.8; 
    text-align:center; 
} 

div#yearbox { 
    font-family: Roboto; 
    position:relative; 
    float:none; 
    margin:-20 0 0 0px; 
    font-size:40px; 
    opacity:.1; 
top:0; 
right: 0; 
} 

Answer 1

네,하지만 상황에 맞는 질문에 당신이,에가 "WOFF는"더 나은 지원이 자유롭게 사용할 수 있습니다

사용 구글 글꼴을 변환 할 수 있도록 그 다음 요구 사항에 가장 적합한 경우 일부 브라우저는 기본적으로 TTF 전선을 지원하지 않습니다입니다 :)

또는 너의 ttf 글꼴을 woff로 변환하고, 많은 자유로운 o nline 컨버터는 사용할 수 있습니다

다음 코드는 '이드 세리'나는이

일부 추가 :

업데이트 된 질문으로 도움이되기를 바랍니다

@font-face { 
    font-family: 'Droid Serif'; 
    font-style: normal; 
    font-weight: 700; 
    src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url(http://themes.googleusercontent.com/static/fonts/droidserif/v3/QQt14e8dY39u-eYBZmppwTqR_3kx9_hJXbbyU8S6IN0.woff) format('woff'); 
} 

위해 .. 이렇게 될 것입니다 왼쪽 년 마진,

업데이트 대답 ..

01,232,822,498,449,579,