ExtJ의 기본 글꼴 크기를 변경하는 여러 가지 방법(직접 구성)_extjs

온라인으로 수집하는 몇 가지 방법이 있습니다. 모든 사람에게 도움이 되기를 바랍니다.
1.
ext-all.css 스타일 파일의 11px를 모두 12px로 바꾸면 통일된 12px 글꼴이 됩니다.
그런데 크기를 늘리려면 소스 파일의 11px를 15px로 변경해야 할 뿐만 아니라, 글꼴 관련 12px도 15px로 변경해야 합니다.

수정 후 버튼 모서리가 거칠어졌습니다. 스타일 파일에

코드를 복사하세요. 코드는 다음과 같습니다. .ext-ie .x-btn-text-icon .x-btn-center .x-btn-text { padding:3px 0px 0px 0px; }

버가 사라졌어요!
2.
브라우저마다, 같은 브라우저의 버전마다 표시되는 Extjs 글꼴 크기가 다르기 때문이죠. 그리고 더 작아보이네요. 눈이 즐겁지 않습니다.

온라인에서 확인하고 유용한 정보를 얻으세요. Extjs는 많은 경우에 11px 글꼴을 사용합니다. 11px 크기는 가장자리 글꼴입니다. 다른 브라우저는 11px를
다르게 렌더링합니다. 렌더링은 12px과 유사합니다. Firefox에서는 10px와 유사하므로 FF
에서 글꼴이 너무 작아집니다.
글꼴 크기 문제를 완전히 해결하려면 ext-all.css를 직접 열고 11px를 모두 찾아서 12px로 바꾸세요. 문제 해결
3.
Extjs 버전 3.2.1, 글꼴 크기 수정
인터넷에서 많은 정보를 찾아봤는데 다들 추가하라고 하더군요




코드 복사

코드는 다음과 같습니다: .x-btn-text{ font-size:15px }

괜찮습니다. 하지만 IE9 및 FF에서는 여전히 작동하지 않습니다.
나중에 ext-all.css에 가서 천천히 해보더니 설정 장소를 찾았습니다.
참고용으로 다음 코드를 다른 CSS에 넣어보세요.

코드 복사

코드는 다음과 같습니다. .x-btn-text-icon .x-btn-icon-small-left .x-btn-text{ 배경 위치: 0 중앙;/*기본값*/ 배경 -반복 : 반복 없음;/*기본값*/

왼쪽 여백:18px;/*기본값*/

높이:16px;/*기본값*/
글꼴 크기:15px;/*글꼴 크기 설정 */
}