HTML/CSS의 사용자 정의 글꼴 사용

Mac에서 Atom 편집기를 사용하고 있는데 문제가 있습니다. 내 웹 사이트에 "Typogrotesk"글꼴을 넣어야합니다. 나는 잠시 동안이 일을하려고 노력했지만 운이 없었습니다. 내 CSS 코드로 이것을 사용하여 시도했지만 운이 :HTML/CSS의 사용자 정의 글꼴 사용

.example { 
    font-family: 'Typogrotesk'; 
}

제공 :

@font-face { 
    font-family: 'Typogrotesk'; /*a name to be used later*/ 
    src: url('TheURLToTheFontFile'); /*URL to font*/ 
}

당신의 CSS 스타일에서 사용하는 :

h1 { 
font-family: "Typogrotesk"; 
font-size: 300%; 
color: white

출처

2017-03-22 noah

[CSS를 사용하여 사용자 정의 글꼴 사용?] (http://stackoverflow.com/questions/12144000/usin) g-custom-fonts-using-css) – Jerfov2

당신은''에 그것을 링크하거나 기계의 폴더에 폰트를 설치해야합니다. – Callat

답변이 도움이된다면 upvote 및/또는 받아 들여야합니다! – Jerfov2

는 글꼴을하지 말라 : @Christ at this link

출처

2017-03-22 01:08:39 Jerfov2

도움을 주셔서 감사합니다! – noah

@noah 환영합니다! – Jerfov2

정상 작동해야합니다 :

@font-face { 
    font-family: "Typogrotesk"; 
    src: url(yourfontfile); 
}

글꼴을 가져 오려면 이것을 CSS에 넣으십시오. 다른 곳에서 글꼴을 사용할 수 있어야합니다.

그래도 작동하지 않으면 작은 따옴표 나 큰 따옴표로 yourfontfile을 시도해야 할 수 있습니다. 여기

출처

2017-03-22 01:08:43 NathanielSantley

이 답변은 나에게 도움이되었지만 오직 하나만 제외하고 허용되었습니다. ( – noah

맞춤법 막대기처럼 들리지만 적절한 맞춤법이 허용됩니다 (예외는 아님). – NathanielSantley

아, 그런데 괜찮습니다. 내 것을 선택하지 않았다. :) – NathanielSantley

다운로드를 : http://www.dafont.com/de/typo-grotesk.font

이 당신의 웹 공간에있는 폴더에 업로드합니다. "스타일/글꼴"다음 코드를 추가하여있는 style.css의 정상에

: 예를 들어 그 후

@font-face { 
    font-family: "Typogrotesk"; 
    src: url(fonts/typogrotesk.ttf); 
}

을 단일 요소를 정의

.yourclass { 
font-family: 'Typogrotesk'; 
}

또는 모든 요소에 대해 정의하십시오.

* { 
font-family: 'Typogrotesk'; 
}

출처

2017-03-22 09:05:28

HTML/CSS의 사용자 정의 글꼴 사용

답변

관련 문제