토론방

소스관련 폰트문의

위의 폰트가 붙어서 보기가 힘들어서 크기나 다른걸로 바꾸려고 하는데...  폰트패밀리에 적용을 않받아요...

1. 폰트패밀리 적용과, 사이즈 조절을 어디서 해야하나요? (크롬에서 봐도 적용이 않되요... ㅜㅜ)

2. 인터넷폰트를 조금 좋은걸 사용할 수 는 없을까요? (애**빌드의 폰트가 전체적으로 이쁘지가 않습니다... ㅜㅜ)

3. 저 폰트자리에 이미지를 넣으려면 어느부분에 이미지를 넣어야 하나요?

게시글 공유 URL복사
댓글[1]

열기 닫기

  • P**M 2015-10-01

    1. 폰트 부분은 기본적으로 css에서 다 컨트롤을 합니다. 위의 홈페이지는 layout_mobile.css파일에 많은 정보가 담겨있고 거기에서 폰트부분에 대한 정의가 되어있습니다.

    해당 파일을 살펴보시기 바랍니다. 

     

    2. 인터넷폰트 즉, 웹폰트를 말씀하시는것 같은데요... 웹폰트는 크게 두가지 방법이 있습니다. 

    eof나 woff나 ttf 등 폰트파일을 ftp에 올려서 그것을 정의를 한뒤 작업을 하는 방법이 있습니다

    이 방법의 단점은 폰트의 용량이 꽤 크기 때문에 사이트 전반적으로 느려집니다. 그리고 용량으로 인한 트래픽이 많이 발생할 수 있습니다. 

    관련 정보는 https://www.xpressengine.com/tip/22647057 이 페이지에서 확인을 하시면 됩니다. 

     

    두번째는 웹에서 제공하는 css를 그대로 가지고와서 사용을 하는 방법입니다.

    이 방법에 대한 단점은 마찬가지로 사이트의 속도는 전반적으로 느려입니다. 왜냐하면 큰 용량을 다른 사이트에서 받아와서 다시 뿌려주기 때문에

    속도는 조금 느려지구요..대신 트래픽은 발생하지 않는 대신 해당 사이트의 정보가 사라지게 되면 적용하셨던 사이트에 폰트적용이 되지 않게 됩니다. 

    관련 정보는 http://www.letmecompile.com/%EB%82%98%EB%88%94%EA%B3%A0%EB%94%95-%EA%B5%AC%EA%B8%80-%EC%9B%B9%ED%8F%B0%ED%8A%B8webfont-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0/ 

    에서 확인 하시면 됩니다. 

    구글에서 웹폰트만 입력하더라도 많은 정보가 나오니 검색을 통해서 확인을 부탁드리겠습니다. 

     

    마지막으로 위의 위치는 서브스킨에 있습니다. 

    위의 이미지에 빨간색 부분이 출력이 되고 있는데요..여기는 변수처리가 되어있어서 이미지 처리가 조금 까다로운 부분입니다. 

    이 부분을 차라리 저희쪽에서 제공을 하는 아이폰트를 사용을 하셔서 작업을 하시는것도 하나의 방법일것 같습니다. 

    상단에 아이폰트를 클릭을 하셔서 내용을 살펴보시면 되구요...텍스트 항목에 변수를 치환해서 처리를 하게 되면 어느정도 처리가 되지 않을까 싶습니다. 

     

     

댓글작성

열기 닫기

댓글작성
top