테스트 사이트 - 개발 중인 베타 버전입니다

웹폰트 한방에 후킹

 

에고 제가 지난 게시글을 쪼물딱 거리다 이 팁이 본의 아니게 삭제되어 다시 올립니다.

그누순정으로 만든 본인의 홈페이지에 웹폰트를 적용하는 방법입니다.

제가 즐겨쓰는 웹폰트는 https://noonnu.cc/en/font_page/432 눈누 사이트의 넥슨고딕체인데

좌우지간 웹폰트를 적용하는 css 는 기본 폰트적용 css 와 같으니 다른 웹폰트를 적용하고 싶다면 그 부분만 찾아서 고쳐주세요.

아래의 코드를 적은 후 그 php 파일을 이름은 아무거나 주고 extend 디렉토리로 업로드해 주세요.

 

----------

 

[code]

<?php
if (!defined('_GNUBOARD_')) exit;

add_event('tail_sub', function() {
    echo "
        <style>
        @font-face { font-family:'NEXON Lv1 Gothic OTF'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); }
        div, span, table, p, input, textarea, button, select, code, h1, h2, h3 { font-family:'NEXON Lv1 Gothic OTF' !important; }
        </style>
    ";
});

[/code]

 

----------

 

주의사항입니다.

위의 hook 코드는 55832 버전부터 사용가능한 익명함수로 만들었으므로 그 하위버전은 해당하지 않습니다.

하위버전은 본인들이 수정하여 고쳐 쓰시기 바랍니다. 하위버전 배포는 없습니다^^

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 21개

@Moondo 감사합니다 

@써맨 감사합니다 

한방에 후킹~ 한방에 훅간다~ 아재개그인가요 ㅋ 감사합니다~

@tawaki hooking 이란 뜻입니다. 아재개그 맞습니다. 감사합니다.

훅 좋아요. 감사 합니다.

@들레아빠 

훅 말고 스트레이트나 어퍼컷도 위력적입니다.

@들레아빠 

아 그리고 이걸

* { ...; }

이리 하는게 간명한데 이 폰트가 폰트어썸을 못 읽더라구요.

그래서 화이트리스트를 작성했는데 다른 폰트어썸이 표현될 수 있는 글꼴은 저렇게 간명하게 처리하는 것도 일책입니다.

혹! 했습니다
요긴하게 사용하도록 하겠습니다

@미키손 

미키손님두 간만에 뵙네요. 캄사합니다.

@Tak2 어이쿠 고마워요. 좋은대학 가시길 바래볼게요.

훅 팁 정말 고맙습니다 :)

@뒷집돌쇠 

요즘은 공구 구입하는데서 자유로워지셨는지요.

공구구입 hook 하나 날려 드립니다.

@비타주리 요즘은 테이블쏘를 구입하려고 마님이 혼란스러울 틈을 노리고 있는 중입니다.  욕심같아서는 목재용 CNC를 사고 싶지만... 숨질 가능성이 높아서 ㅠ

@뒷집돌쇠

저도 우리 측전무후님이 가장 무서워요.

하늘나라 갈때까지 돌쇠님하구 저하구 숨쉬는 것도 조심해야겠네요.

감사합니다. 잘 사용 하겠습니다.

@파란하늘™ 감사합니다. 파란하늘님

감사합니다. 스크랩해갈께요 고맙습니다. ^^^

@WPro 아이쿠 감사합니다 

게시판 목록

그누보드5 팁자료실

글쓰기
🐛 버그신고