폰트 관련 안내 추가

HJOW · Sep 27, 2023 · 89e9ad8 · 89e9ad8
1 parent a04c73c
commit 89e9ad8
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -61,6 +61,11 @@ viewer.html 파일과 같은 폴더 내에 이미지 파일들을 준비하고,
 이미지 파일들을 드래그 하여 JSON 텍스트 입력창에 드롭해 보세요.
 JSON 텍스트가 자동 생성되고, "JSON 변경사항 적용" 을 클릭하시면 바로 준비가 됩니다.
 
+## 폰트
+
+나눔고딕코딩 폰트 혹은 D2Coding 폰트로 설정되어 있습니다.
+설치되어 있지 않다면 구글 폰트 CDN에서 불러오게 됩니다.
+
 # License
 
    Copyright 2023 HJOW

diff --git a/viewer.html b/viewer.html
@@ -34,7 +34,7 @@
         body div.viewer_root, body div.viewer_root div, body div.viewer_root p, body div.viewer_root td, body div.viewer_root th
         , body div.viewer_root span, body div.viewer_root a, body div.viewer_root button, body div.viewer_root input, body div.viewer_root select
         , body div.viewer_root textarea, body div.viewer_root label, body div.viewer_root pre {
-            font-family: 'D2Coding', 'Nanum Gothic Coding', 'NanumGothicCoding', '나눔고딕코딩', 'Nanum Gothic', 'NanumGothic', '나눔고딕';
+            font-family: 'D2Coding', 'NanumGothicCoding', '나눔고딕코딩', 'Nanum Gothic Coding', 'Nanum Gothic', 'NanumGothic', '나눔고딕';
         }
         body div.viewer_root pre {
             font-size: 0.8rem;
@@ -251,6 +251,16 @@
                         } else if(element.type == 'web') {
                             divCont.html("<iframe class='full' style='min-height: 300px; overflow-x: scroll; overflow-y: scroll;'></iframe>");
                             divCont.find('iframe').attr('src', element.url);
+                        } else if(element.type == 'text') {
+                            divCont.html("<pre class='full'></pre>");
+                            var pre = divCont.find('pre');
+                            $.ajax({
+                                url : element.url,
+                                dataType : 'text',
+                                success : function(data) {
+                                    pre.text(data);
+                                }
+                            });
                         }
 
                         if(divList != null) {
@@ -507,6 +517,7 @@ <h3 class="full">직접 추가</h3>
                                                     <option value="image">Image</option>
                                                     <option value="video">Video (MP4)</option>
                                                     <option value="web">Web (or PDF)</option>
+                                                    <option value="text">Text (URL only)</option>
                                                 </select>
                                             </td>
                                         </tr>