웹폰트 한방에 후킹 정보
웹폰트 한방에 후킹관련링크
본문
에고 제가 지난 게시글을 쪼물딱 거리다 이 팁이 본의 아니게 삭제되어 다시 올립니다.
그누순정으로 만든 본인의 홈페이지에 웹폰트를 적용하는 방법입니다.
제가 즐겨쓰는 웹폰트는 https://noonnu.cc/en/font_page/432 눈누 사이트의 넥슨고딕체인데
좌우지간 웹폰트를 적용하는 css 는 기본 폰트적용 css 와 같으니 다른 웹폰트를 적용하고 싶다면 그 부분만 찾아서 고쳐주세요.
아래의 코드를 적은 후 그 php 파일을 이름은 아무거나 주고 extend 디렉토리로 업로드해 주세요.
----------
<?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>
";
});
----------
주의사항입니다.
위의 hook 코드는 55832 버전부터 사용가능한 익명함수로 만들었으므로 그 하위버전은 해당하지 않습니다.
하위버전은 본인들이 수정하여 고쳐 쓰시기 바랍니다. 하위버전 배포는 없습니다^^
!-->8
댓글 21개
감사합니다.
@Moondo 감사합니다
감사합니다.
@써맨 감사합니다
한방에 후킹~ 한방에 훅간다~ 아재개그인가요 ㅋ 감사합니다~
@tawaki hooking 이란 뜻입니다. 아재개그 맞습니다. 감사합니다.
훅 좋아요. 감사 합니다.
@들레아빠
훅 말고 스트레이트나 어퍼컷도 위력적입니다.
@들레아빠
아 그리고 이걸
* { ...; }
이리 하는게 간명한데 이 폰트가 폰트어썸을 못 읽더라구요.
그래서 화이트리스트를 작성했는데 다른 폰트어썸이 표현될 수 있는 글꼴은 저렇게 간명하게 처리하는 것도 일책입니다.
혹! 했습니다
요긴하게 사용하도록 하겠습니다
@미키손
미키손님두 간만에 뵙네요. 캄사합니다.
@Tak2 어이쿠 고마워요. 좋은대학 가시길 바래볼게요.
@뒷집돌쇠
요즘은 공구 구입하는데서 자유로워지셨는지요.
공구구입 hook 하나 날려 드립니다.
@비타주리 요즘은 테이블쏘를 구입하려고 마님이 혼란스러울 틈을 노리고 있는 중입니다. 욕심같아서는 목재용 CNC를 사고 싶지만... 숨질 가능성이 높아서 ㅠ
감사합니다. 잘 사용 하겠습니다.
@파란하늘™ 감사합니다. 파란하늘님
@WPro 아이쿠 감사합니다