2017-03-10 1 views
0

내 mvc 프로젝트에서 내 글꼴 폴더에 추가 한 .ttf 및 .otf 파일이 있습니다. CSS에서 어떻게 불러 옵니까? 일부 기사에서는 글꼴 관리자 또는 html 디자이너를 여는 것에 대해 이야기하지만, 모든 브라우저에서 사용할 수 있도록 이들을 포함시키는 내용을 볼 수는 없습니까?visual studio에 글꼴 포함 2015

감사

답변

1

는 이미 Visual Studio에서 글꼴 폴더에 사용자 정의 글꼴을 추가했습니다.

지금 당신이해야 할 @ font-face 규칙에서 글꼴을 가리키고 있습니다 : 다른 글꼴을해야하는 경우

@font-face { 
     font-family: "MyCustomFont.ttf"; 
     font-style: normal; 
     src: url(../fonts/MyCustomFont.ttf); /*if IE */ 
     src: local("MyCustomFont"), url("../fonts/MyCustomFont.ttf") format("truetype"); /* non-IE */ 
} 

가, 또 다른 @ 글꼴 얼굴 규칙을 추가

@font-face { 
     font-family: "MyCustomFont2.otf"; 
     font-style: normal; 
     src: url(../fonts/MyCustomFont2.otf); /*if IE */ 
     src: local("MyCustomFont2"), url("../fonts/MyCustomFont2.otf") format("truetype"); /* non-IE */ 
} 

이 방법은 모든 브라우저에서 작동해야합니다.

출처 : https://forums.asp.net/t/1589195.aspx?Adding+a+font+to+use+in+visual+studio

+0

아 덕분에, 나는 그것을 보았지만 다른 게시물은 당신이 뭔가 VS의 그 자체를 통해 추가 할 필요가 있다고 말 하였다. 그러면 otf 파일을 추가 할 필요가 없습니다. – JQuery

+0

그게 site.css 예에 간다? – JQuery

+0

@JQuery Visual Studio (또는 솔루션 디렉토리의 글꼴 폴더)를 통해 .tff 및 .otf 파일을 글꼴 폴더에 추가해야하지만 코드가 분명히 CSS 파일에 표시됩니다. 이 파일은 site.css라고합니다. 글꼴 폴더의 경로가 올바른지 확인하십시오. 기본적으로이 예제에서 제공 한 경로는 정상적으로 이루어져야합니다. –

관련 문제