• 목록
  • 아래로
  • 위로

스크린샷 2024-03-15 222750.png.jpg

1. 일본어 폰트는 워드프레스에 올려서 쓰고 있지만 한글 폰트는 눈누에서 임베딩 되는 폰트 import 복사해서 쓰고 있습니다. 둘 다 현재 적용이 안 되고 있습니다. 

2. 지금 배경이미지도 안보이는데, 배경이미지도 원래 적용되어 있었습니다. 배경이미지는 픽사베이에서 적당한거 URL 복사해서 쓰고 있습니다. 

 

현재 이 두 개가 날아간 상황인데, 똑같이 웹폰트를 적용하고 있는 티스토리는 잘 되는 거 봐서는 이쪽 문제인 것 같습니다. 메인 워드프레스랑 괴담수사대 둘 다 웹폰트/배경이미지가 날아간 상황이고요. 

 

혹시 PHP 버전이 8.0인데 그것때문에 그런걸까요? 

굿타임0x0님 굿타임0x0 포함 1명이 추천

추천인 1

작성자
국내산라이츄 101 Lv. (86%) 830130/832320EXP

인생은 양자역학이외다

댓글 8

제르엘
profile image

웹폰트와 배경 이미지 모두 정상적으로 불러오나, 해당 파일을 적용하는 CSS 규칙의 우선순위가 테마의 기본 CSS 규칙보다 뒤로 밀려 있어 발생하는 문제 같습니다.

 

/* Background-image */
body {
    background-image: url('https://cdn.pixabay.com/photo/2016/02/27/06/43/cherry-blossom-tree-1225186_1280.jpg');
}

/* Webfont */

@font-face {
    font-family: 'Ownglyph_Dailyokja-Rg';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2403@1.0/Ownglyph_Dailyokja-Rg.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Hozuki';
    font-style: normal;
    font-weight: 400;
    src: url('//koreanraichu.sfuhost.com/wp-content/uploads/2023/07/NikkyouSans-mLKax.woff') format('woff');
}

@font-face {
    font-family: 'D2codingLigature';
    font-style: normal;
    font-weight: 400;
    src: url('//koreanraichu.sfuhost.com/wp-content/uploads/2022/06/D2Coding-Ver1.3.2-20180524-ligature.woff')
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-family:'Ownglyph_Dailyokja-Rg','Hozuki', sans-serif;
    font-size: 1.0em;
    font-weight: bold;
}

.entry code, .entry pre {
    font-family:'D2codingLigature', monospace;
    font-weight: normal;
}

 

기존에 웹폰트 및 배경 이미지를 적용하기 위해 사용한 방법(플러그인 등)은 삭제 또는 비활성화하고(충돌 방지), Customize - Additional CSS 항목에 위 코드를 붙여넣어 보세요. 해당 항목에 적힌 코드는 요소에 직접 적용된 속성을 제외한, 다른 모든 CSS 규칙보다 우선하여 적용됩니다.

 

+) 개인적으로 fake bold 방식은 파이어폭스 계열 브라우저에서 가독성이 떨어져서 불호하는 편입니다만, 지금 사용하고 계시는 폰트는 레귤러 웨이트밖에 없는 것 같네요. 참고로 라이츄님 사이트는 (.entry code, .entry pre 요소에 적용한 폰트도 볼드로 표시했을 때) 파이어폭스에서 다음과 같이 표시됩니다.

 

스크린샷 2024-03-16 010037.png.jpg

comment menu
2024.03.16. 00:42

신고

"제르엘님의 댓글"

이 댓글을 신고 하시겠습니까?

국내산라이츄 작성자 → 제르엘
profile image

효과가 아리마셍
며칠 전까지는 같은 CSS로도 잘 됐는데 웹폰트랑 배경 날아간 걸 어제 확인했습니다.

 

일단 월요일까지는 잘 됐어요. 

comment menu
2024.03.16. 01:00

신고

"국내산라이츄님의 댓글"

이 댓글을 신고 하시겠습니까?

제르엘 → 국내산라이츄
profile image
이상하네요... 파이어폭스에서 css로 직접 추가하면 잘 표시되는데 말이죠...
comment menu
2024.03.16. 01:02

신고

"제르엘님의 댓글"

이 댓글을 신고 하시겠습니까?

국내산라이츄 작성자 → 제르엘
profile image
monospace는 잘 적용됐는데 웹폰트랑 배경, URL로 가져오는 것들만 문제가 생깁니다.
괴담수사대나 워드프레스나 관련 플러그인은 1도 설치한 게 없고 파일 관련이랑 카테고리 정렬, SSL, 아키스밋, 젯팩만 있어요.
comment menu
2024.03.16. 01:03

신고

"국내산라이츄님의 댓글"

이 댓글을 신고 하시겠습니까?

제르엘 → 국내산라이츄
profile image

스크린샷 2024-03-16 010812.png.jpg

 

제 사이트에는 정상적으로 적용되는 걸로 봐서 코드 자체에는 문제가 없는 것 같고, 테마나 사이트가 어딘가 꼬인 상황인 것 같습니다. background-image/font-family 부분 세미콜론 앞에 !important(다른 규칙을 모두 무시하고 !important가 달려있는 규칙을 우선 적용)를 적어주면 일단 문제는 해결될 것 같습니다만, 근본적인 해결책은 아닙니다.

comment menu
2024.03.16. 01:17

신고

"제르엘님의 댓글"

이 댓글을 신고 하시겠습니까?

국내산라이츄 작성자 → 제르엘
profile image

그거 해봤는데 안돼요.

저 테마 외에 다른 테마에도 해당 CSS 적용했는데 적용이 아예 안됩니다. 

comment menu
2024.03.16. 01:52

신고

"국내산라이츄님의 댓글"

이 댓글을 신고 하시겠습니까?

제르엘 → 국내산라이츄
profile image
테마든 워드프레스든 상당히 꼬인 모양이네요...
comment menu
2024.03.16. 02:00

신고

"제르엘님의 댓글"

이 댓글을 신고 하시겠습니까?

포인트 폭탄+ → 제르엘
제르엘님 축하합니다.
추가로 100포인트만큼 포인트 폭탄+를 받았습니다.
comment menu
2024.03.16. 02:00

신고

"포인트 폭탄+님의 댓글"

이 댓글을 신고 하시겠습니까?

삭제

"포인트 폭탄+님의 댓글"

이 댓글을 삭제하시겠습니까?

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 [작업 완료] 설 명절 맞이 서버 업데이트 안내 3 마스터 24.02.11.17:21 669
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 23.01.14.02:23 4349
공지 [필독] 질문하는 방법 17 마스터 18.02.23.03:09 4475
924 도메인 CloudFlare new 무브온 1시간 전19:36 4
923 서버에서 개발할 때 VS Code Server 사용 vs 팀뷰어 접속 관련 질문 드립니다 ^^ 5 이니스프리 1일 전00:26 229
워드프레스 웹폰트가 죄다 깨졌습니다. 8 image 국내산라이츄 24.03.15.22:31 107
921 이미 도메인 명이 다른 곳에서 도메인(서브/별칭) 도메인으로 사용중입니다. 이건 무슨 오류인가요? 1 image rickroot 24.01.27.16:19 168
920 하드 디스크의 데이터 소거와 관련하여 17 image 제르엘 23.12.15.01:12 321
919 호스팅 서비스중 상태인데, 웹사이트 추가가 안됩니다. 3 해원맥 23.11.02.00:18 262
918 네이버웍스 메일에 도메인을 연결하려는데 SPF, DKIM 및 DMARC 인증만 하면 될까요? 6 이니스프리 23.09.16.23:45 257
917 이용중인 도메인 연결 어떻게 하나요? 1 image 참비 23.07.29.15:14 256
916 Vultr에서 Ubuntu LAMP 빠른 설치시 4 260578 23.06.14.23:32 259
915 워드프레스 페이지 안의 자바스크립트가 동작하지 않습니다 1 image 하이빅스비 23.05.05.19:35 224
914 워드프레스 이슈가 있는데... 3 image 국내산라이츄 23.03.12.02:42 267
913 아직도 윈도우10에서 윈도우 11으로 무료 업그레이드가 가능한가요? 6 NoYeah 23.01.26.00:48 616
912 혹시 이런건 호스팅 규칙에서 어긋납니까? 2 출사로 22.12.23.07:38 346
911 미디어위키 하단에 똑같은 텍스트가 나오게 할 수 있는 방법이 있을까요?? 3 은하수 22.12.11.18:02 209
910 [해결] 미디어위키 단축 주소 설정에 관한 궁금한 점이 있습니다. 11 은하수 22.11.22.01:52 382
909 [해결] 미디어위키에서 문단 목록 번호를 매길 수 있게 설정하는 방법 없을까요? 8 은하수 22.11.20.19:11 308
908 [Ubuntu 22.04] 절전 모드 이후 사운드 재생이 안 됩니다. 5 260578 22.10.26.21:59 226
907 호스팅 패널에서 웹사이트를 등록할 때 IPv4 주소가 *으로 나옵니다 4 하이빅스비 22.10.10.15:08 171
906 윈도우 글꼴 변경좀 도와주세요 5 image wikiowner 22.10.08.09:56 122
905 미디어위키 다시 시작하는데 위키에서 모듈 설정 해 보신 분 저좀 도와주세요 2 wikiowner 22.10.01.19:34 265