반응형

외부폰트를 적용할 시에는

예를 들어 ttf파일일 경우에는 아래와 같이 해당 폰트명을 넣어주고 선언해주면된다.

 

<style>
@font-face {
  font-family: 'test_name';
  font-style: normal;
  font-weight: 800;
  src: url('/css/test.ttf') format('truetype');
}
</style>

그러면 class나 style로 해당 폰트명인 'test_name'을 사용할 수 있다.

예를 들면 아래와 같이 사용가능하다.

<a href="#" style="font-family:'test_name';">테스트링크</a>

 

반응형

+ Recent posts