폰트 이름 확인과 새 창 열기 방법 핵심에 대한 핵심 내용을 정리했습니다.
폰트 이름을 확인하는 방법과 웹에서 새 창을 여는 방법은 자주 궁금해하시는 부분인데요. 이 글에서는 폰트 이름 확인 방법과 HTML, 워드프레스에서 새 창 열기 설정법을 쉽고 정확하게 알려드리겠습니다.
요약
- 가격: 무료 도구 활용 가능
- 위치: 웹 브라우저, 워드프레스 편집기 등에서 확인
- 시간: 1~5분 내 가능
- 장점: 빠르고 정확한 폰트 확인, 사용자 편의성 향상
- 주의점: 일부 폰트는 웹폰트로만 제공되어 정확한 이름 확인이 어려울 수 있음
폰트 이름 확인 방법
폰트 이름을 확인하는 가장 쉬운 방법은 웹 브라우저 개발자 도구를 활용하는 것입니다.
웹사이트에서 특정 글자의 폰트 이름을 알고 싶다면, 크롬, 엣지, 파이어폭스 등 브라우저의 개발자 도구를 열고 해당 요소를 선택하세요. 스타일 탭에서 font-family 속성에 명시된 폰트 이름을 확인할 수 있습니다.
간단한 절차
- 크롬 브라우저에서 원하는 텍스트 위에서 마우스 오른쪽 클릭 → ‘검사’ 선택
- 오른쪽 개발자 도구 창에서 선택한 요소의 스타일 확인
- font-family 항목에 나오는 폰트 이름 확인
폰트 확인 도구 추천
보다 편리하게 폰트를 확인하고 싶다면, ‘WhatFont’ 같은 브라우저 확장 프로그램을 이용할 수 있습니다. 확장 프로그램을 설치 후, 폰트 위에 마우스를 올리면 바로 폰트 이름과 스타일 정보를 볼 수 있어요.
워드프레스에서 새 창 열기 설정법
워드프레스에서 링크를 새 창으로 열게 하려면, 편집기 내 링크 설정에서 목표(target) 속성을 조정하면 됩니다.
워드프레스 기본 블록 편집기(Gutenberg)에서는 링크 삽입 시 ‘새 탭에서 열기’ 옵션을 체크하는 것만으로 쉽게 설정할 수 있어요.
| 방법 | 설명 | 설정 위치 | 활용 팁 |
|---|---|---|---|
| 워드프레스 블록 편집기 | 링크 삽입 시 ‘새 탭에서 열기’ 체크 | 편집기 링크 옵션 패널 | 간단하고 직관적 |
| HTML 직접 편집 | <a href=”URL” target=”_blank” rel=”noopener noreferrer”> | HTML 편집기 모드 | 정확한 제어 가능, SEO에 유리 |
| 플러그인 활용 | 링크 자동 새 창 열기 설정 | 플러그인 설정 페이지 | 대량 링크 한꺼번에 관리 가능 |
위 표를 참고하면, 워드프레스 입문자부터 고급 사용자까지 각자의 상황에 맞게 새 창 열기 설정을 할 수 있습니다. 가장 간편한 방법은 편집기 내 옵션 체크이고, 직접적인 HTML 편집은 커스터마이징할 때 좋습니다.
폰트 이름 확인과 새 창 열기 시 주의사항
폰트 이름을 확인할 때는 웹폰트의 경우 실제 설치된 폰트와 다를 수 있으니 주의해야 합니다. 개발자 도구에서 보이는 font-family는 우선순위가 적용된 폰트 목록일 수 있어요.
새 창 열기 설정에서는 반드시 rel=”noopener noreferrer” 속성을 함께 사용하는 것이 보안과 SEO 측면에서 중요합니다. 그렇지 않으면 새 창이 원래 창에 영향을 미칠 수 있습니다.
폰트 이름 확인과 새 창 열기 비교
| 항목 | 폰트 이름 확인 | 새 창 열기 방법 |
|---|---|---|
| 주요 도구 | 브라우저 개발자 도구, 확장 프로그램 | 워드프레스 편집기, HTML 태그 설정, 플러그인 |
| 시간 소요 | 1~3분 내 | 1분 내 설정 가능 |
| 난이도 | 초보자도 가능하지만 개발자 도구 이해 필요 | 기본 편집기는 매우 쉬움 |
| 주의사항 | 웹폰트 우선순위 파악 필요 | rel 속성 미사용 시 보안 문제 |
이 표를 보면 폰트 이름 확인은 조금 기술적인 이해가 필요할 수 있지만, 새 창 열기는 워드프레스 내에서 쉽게 설정할 수 있다는 점을 알 수 있습니다. 각각 상황에 맞게 적절한 방법을 선택하세요.
자주 묻는 질문 (FAQ)
📌 Q&A
Q1. 워드프레스에서 새 창 열기 설정이 안 될 때는 어떻게 하나요?
A. 링크 설정에서 ‘새 탭에서 열기’ 옵션이 제대로 체크되어 있는지 확인하고, 캐시 플러그인이나 브라우저 캐시를 지운 후 다시 시도해 보세요.
Q2. 폰트 이름 확인 시 개발자 도구에 여러 폰트가 나오는데 어떤 걸 봐야 하나요?
A. font-family에서 가장 앞에 위치한 폰트가 우선 적용되는 폰트입니다. 만약 해당 폰트가 설치되어 있지 않으면 뒤에 나오는 폰트가 적용됩니다.
Q3. 새 창 열기 시 rel=”noopener noreferrer”를 꼭 써야 할까요?
A. 네, 보안과 성능 문제로 권장됩니다. 새 창에서 원본 창에 접근하는 것을 막고 SEO에도 긍정적인 영향을 줍니다.
Q4. 무료로 폰트 이름을 쉽게 확인할 수 있는 도구가 있나요?
A. 네, ‘WhatFont’ 확장 프로그램이나 브라우저 개발자 도구를 무료로 활용할 수 있습니다.
Q5. 워드프레스 편집기 외에 새 창 열기를 자동으로 적용하는 방법은?
A. 새 창 열기 플러그인을 설치하면 모든 외부 링크에 대해 자동으로 새 창 열기 설정이 가능합니다.
폰트 이름과 새 창 열기 설정은 웹사이트 운영에서 기본적이면서도 중요한 부분입니다. 이 글을 참고하여 정확하게 적용해 보세요.
작성일: 2026년 4월 27일