san-serif 글꼴을 H1 태그의 가장 가장자리에 맞출 수 없습니다.

리처드 비스 큐

내가 간단한 것을 놓치고 있다고 의심하게 만드는 이상한 문제. 다음에 대한 아이디어 :

sans-serif 글꼴 (Google 글꼴에서로드 됨)이있는 H1 태그가 있으며 배경색을 지정하면 텍스트가 포함 된 태그의 왼쪽에 정렬되지 않는 것을 볼 수 있습니다.

시작 H와 왼쪽 사이의 작은 간격

serif 글꼴을 추가하면 내가 원하는대로 작동하는 것을 볼 수 있습니다. 텍스트는 왼쪽 위에 있습니다. 개발 도구에서 켜고 끌 때 단순히 serif를 추가 / 제거하는 것입니다.

여기에 이미지 설명 입력

글꼴 두께 외에 H1에 적용된 스타일은 없습니다. 마진 재설정을 시도했지만 소용이 없었습니다.

순진한 여백을 설정할 수 있지만 모든 해상도에서 작동하지 않습니다.

샘 T

글꼴 글리프 자체에 있으므로 글꼴 자체를 편집하지 않는 한 CSS를 통해 쉽게 우회 할 수 없습니다. 다음 스크린 샷을 참조하십시오.

가는 장식 선: 여기에 이미지 설명 입력

산세 리프: Serif없이

참조 도구 : http://nodebox.github.io/opentype.js/glyph-inspector.html

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

'h1 "selector"가 순수하지 않다'라고 표시되기 때문에 CSS에서 html / jsx 태그의 스타일을 지정할 수 없습니다.

분류에서Dev

모바일 장치에서 h1을 클릭 할 수 없습니다.

분류에서Dev

Windows에 설치하고 사용할 Ubuntu의 "Serif"글꼴을 어디에서 찾을 수 있습니까?

분류에서Dev

h1 태그에 대한 앵커를 만들 수 없습니다.

분류에서Dev

h1 태그 및 해당 내용의 스타일을 지정할 수 없습니다.

분류에서Dev

Mono가 글꼴 또는 색상을 찾을 수 없습니다.

분류에서Dev

이미 존재하는 h1을 다른 div에 추가 할 수 없습니다.

분류에서Dev

appendTo 후 jquery가 입력 상자에 초점을 맞출 수 없습니다.

분류에서Dev

JavaFX, GridPane을 BorderPane의 중앙에 맞출 수 없습니다.

분류에서Dev

내 글꼴은 어디에 있습니까? Firefox에는 "sans-serif"가 없습니다.

분류에서Dev

내 글꼴은 어디에 있습니까? Firefox에는 "sans-serif"가 없습니다.

분류에서Dev

글꼴 패밀리 또는 글꼴 크기에 영향을주지 않고 <h1> 태그 적용

분류에서Dev

SwiftUI : NavBarTitle에서 .serif (뉴욕) 글꼴을 가져 오는 방법

분류에서Dev

Ubuntu에 Win 글꼴을 설치할 수 없습니다. 사용자 '_apt'가 액세스 할 수 없습니다.

분류에서Dev

평가 표시 줄을 텍스트보기에 맞출 수 없습니다.

분류에서Dev

body 태그 내에 h1이있을 때 -webkit-margin-collapse가 가장 작은 값을 취하는 이유는 무엇입니까?

분류에서Dev

onOpen 트리거의 셀에 초점을 맞출 수 없습니다.

분류에서Dev

WPF 애플리케이션으로 글꼴을 가져올 수 없습니다.

분류에서Dev

바닥 글의 중첩 앵커 태그에 패딩을 추가 할 수 없습니다.

분류에서Dev

iOS는 sans-serif에 어떤 글꼴을 선택합니까?

분류에서Dev

파일 설명자, 파이프, fifo, 장치 등의 출력에서 file (1)을 실행할 수 없습니다.

분류에서Dev

<h1> 태그를 작동하는 클릭 가능한 버튼으로 만들 수 있습니까?

분류에서Dev

Phonegap에서 사용자 정의 글꼴을 사용할 수 없습니다.

분류에서Dev

텍스트의 색상 및 글꼴에 대한 태그를 동일한 <h1> 대괄호 </ h1>에 넣거나 별도의 태그에 넣습니까?

분류에서Dev

HTML 페이지의 입력 필드에 초점을 맞출 수 없습니다.

분류에서Dev

font_import를 사용하여 글꼴을 가져올 수 없습니다.

분류에서Dev

입력 태그는 마우스로 초점을 맞출 수 없습니다.

분류에서Dev

자식의 innerText없이 JavaScript에서 h1 innerText를 어떻게 얻을 수 있습니까?

분류에서Dev

SwiftUI가 사용자 정의 글꼴로 제공 할 수있는 다른 글꼴 옵션을 어떻게 볼 수 있습니까?

Related 관련 기사

  1. 1

    'h1 "selector"가 순수하지 않다'라고 표시되기 때문에 CSS에서 html / jsx 태그의 스타일을 지정할 수 없습니다.

  2. 2

    모바일 장치에서 h1을 클릭 할 수 없습니다.

  3. 3

    Windows에 설치하고 사용할 Ubuntu의 "Serif"글꼴을 어디에서 찾을 수 있습니까?

  4. 4

    h1 태그에 대한 앵커를 만들 수 없습니다.

  5. 5

    h1 태그 및 해당 내용의 스타일을 지정할 수 없습니다.

  6. 6

    Mono가 글꼴 또는 색상을 찾을 수 없습니다.

  7. 7

    이미 존재하는 h1을 다른 div에 추가 할 수 없습니다.

  8. 8

    appendTo 후 jquery가 입력 상자에 초점을 맞출 수 없습니다.

  9. 9

    JavaFX, GridPane을 BorderPane의 중앙에 맞출 수 없습니다.

  10. 10

    내 글꼴은 어디에 있습니까? Firefox에는 "sans-serif"가 없습니다.

  11. 11

    내 글꼴은 어디에 있습니까? Firefox에는 "sans-serif"가 없습니다.

  12. 12

    글꼴 패밀리 또는 글꼴 크기에 영향을주지 않고 <h1> 태그 적용

  13. 13

    SwiftUI : NavBarTitle에서 .serif (뉴욕) 글꼴을 가져 오는 방법

  14. 14

    Ubuntu에 Win 글꼴을 설치할 수 없습니다. 사용자 '_apt'가 액세스 할 수 없습니다.

  15. 15

    평가 표시 줄을 텍스트보기에 맞출 수 없습니다.

  16. 16

    body 태그 내에 h1이있을 때 -webkit-margin-collapse가 가장 작은 값을 취하는 이유는 무엇입니까?

  17. 17

    onOpen 트리거의 셀에 초점을 맞출 수 없습니다.

  18. 18

    WPF 애플리케이션으로 글꼴을 가져올 수 없습니다.

  19. 19

    바닥 글의 중첩 앵커 태그에 패딩을 추가 할 수 없습니다.

  20. 20

    iOS는 sans-serif에 어떤 글꼴을 선택합니까?

  21. 21

    파일 설명자, 파이프, fifo, 장치 등의 출력에서 file (1)을 실행할 수 없습니다.

  22. 22

    <h1> 태그를 작동하는 클릭 가능한 버튼으로 만들 수 있습니까?

  23. 23

    Phonegap에서 사용자 정의 글꼴을 사용할 수 없습니다.

  24. 24

    텍스트의 색상 및 글꼴에 대한 태그를 동일한 <h1> 대괄호 </ h1>에 넣거나 별도의 태그에 넣습니까?

  25. 25

    HTML 페이지의 입력 필드에 초점을 맞출 수 없습니다.

  26. 26

    font_import를 사용하여 글꼴을 가져올 수 없습니다.

  27. 27

    입력 태그는 마우스로 초점을 맞출 수 없습니다.

  28. 28

    자식의 innerText없이 JavaScript에서 h1 innerText를 어떻게 얻을 수 있습니까?

  29. 29

    SwiftUI가 사용자 정의 글꼴로 제공 할 수있는 다른 글꼴 옵션을 어떻게 볼 수 있습니까?

뜨겁다태그

보관