전체 웹 사이트의 jQuery 모바일 기본 글꼴을 덮어 쓰려고합니다.모든 jQuery 모바일 텍스트의 기본 글꼴을 변경하는 방법

jQuery 테마 롤러가있는 것을 보았습니다. 그러나 글꼴을 변경하기 위해 전체 테마를 추가하는 것은 너무 어렵다고 생각합니다.

내 글꼴을 적용하려면 모든 텍스트를 선택하는 데 도움이 될 선택기가 CSS에 있습니까?

2012-12-20 Distwo

을 수정해야합니다, 대부분의 최신 브라우저에서 해당 페이지에서 요소를 선택 할 수 있습니다 CSS 규칙이 요소에 적용되는지 확인하십시오. 코드를 찾을 수있는 스타일 시트의 줄을 정확히 볼 수 있습니다. 'F12'는 개발자 도구에 액세스하는 표준 방법 인 것 같습니다. – Jasper

당신이해야 할 일은 jQuery Mobile CSS를보고 글꼴이 현재 설정되어있는 선택기를 파악한 다음 자신의 CSS에서 해당 선택기의 값을 재정의하는 것입니다.

출처

2012-12-20 18:13:48

그래서 레이블, 버튼 등 모든 텍스트를 한 번에 선택할 수있는 선택기가 없습니까? – Distwo

@Distwo-html {...}은 전체 페이지의 글꼴을 설정하지만 jQuery Mobile 선택기보다 구체적이거나 특정보다 구체적인 선택기가 있어야 값을 무시할 수 있습니다 (그렇지 않으면 jQuery Mobile 선택기가 우선 적용됩니다). –

많은 이유로 JQuery Mobile CSS를 변경하는 것은 매우 나쁜 생각입니다. 자신 만의 스타일을 만들고 JQM의 글꼴을 덮어 쓰기 만하면됩니다. – mandril

솔루션

당신은 단순히 다음과 같이 설정할 수 있습니다 : 여기

* { 
    font: 14px Calibri,Arial !important; 
}

은 예입니다 :

http://jsfiddle.net/Gajotres/AzXdT/

최종 노트

당신이에 대한 자세한 내용을 찾으려면 jQuery Mobile 페이지 및 위젯을 사용자 정의하는 방법 이것 좀보세요 article. jQuery Mobile에는 왜 중요한가를 포함하여 많은 예제가 있습니다.

출처

2012-12-20 18:29:45 Gajotres

jquery-mobile CSS 파일에서 다음 행을 찾아서 원하는 글꼴을 지정해야합니다. 당신이 -c 등 스타일을 -b를 사용하는 경우

.ui-body-a, .ui-body-a input, .ui-body-a select, .ui-body-a textarea, .ui-body-a button { 
    font-family: Helvetica,Arial,sans-serif; 
}

당신은 또한 개발자 도구를 사용하여 그들에게

출처

2012-12-20 18:30:54

모든 jQuery 모바일 텍스트의 기본 글꼴을 변경하는 방법

답변

솔루션

최종 노트

관련 문제