모든 브라우저에서 탭 글꼴 크기를 변경하는 방법


11

나는 더 이상 내 눈이 아프게 PC 근처에서 일할 수 없습니다-나는 개발자입니다. 브라우저를 많이 사용합니다. 나는 IE, Safari, FF, Chrome을 모두 시험해 보았습니다. 모두 가장 간단한 것- 탭의 큰 글꼴 크기입니다.

해상도 변경이나 DPI 크기 변경을 제안하지 마십시오. 이것들은 전혀 해결책이 아닙니다.

작은 탭의 목적을 결정하기 위해 5000ms를 소비 한 경우 Chrome이 브라우저 X보다 14ms 더 빠르게로드되는지는 중요하지 않습니다. 나는 이미 -2.00을 가지고 있으며 이것은 내 눈의 스트레스입니다.

Firefox의 일부 마술 춤 인 Google의 수많은 스레드는 사파리를 찾지 못했습니다. 이미 리눅스를위한 시간입니까?

어쩌면 내 비전을 저장하기 위해 플러그인을 작성한 천재적인 사람이 있습니까?


UI에 XUL / CSS를 사용한다는 사실 때문에 Firefox를 권장합니다. 기본적으로 부품의 모양을 사용자 지정할 수 있습니다.
iglvzx

정확히 어떻게? 어떤 합리적인 자원?
Aubergine

1
@ Aubergine 나는 내 자신의 자원입니다. ;)
iglvzx

그것은 확실히 당신에게 좋습니다 :-) 그러나 나는 내 같은 가난한 영혼에 맞는 보편적 인 솔루션을보고 싶습니다
Aubergine

@iglvzx의 답변도보고 싶습니다. 이것은 내가 다루는 문제입니다.

답변:


10

Firefox 프로파일의 userChrome.css를 편집 하거나 Stylish 애드온을 사용하여 다음 CSS 규칙을 정의 할 수 있습니다.

#tabbrowser-tabs
{
    font-size: ... !important;
}

where ...는 유효한 font-size 값으로 바뀝니다 .

예:

#tabbrowser-tabs
{
    font-size: 20px !important;
}

탭

비디오 데모 : http://www.youtube.com/watch?v=BAhzZuhN61E


PS : 모든 탭 나열 팝업 메뉴 의 글꼴 크기를 편집하려는 경우 CSS 선택기는 다음과 같습니다.

#alltabs-popup menuitem

PPS : 탭 텍스트의 크기를 늘리면 다음을 수용하기 위해 각 탭의 너비를 늘릴 수도 있습니다.

.tabbrowser-tab:not([pinned]) 
{
    min-width: ... !important;
    max-width: ... !important;
}

여기서 ...유효로 치환 최소 폭 또는 최대 너비 값. 이 값을 가지고 놀아 다른 효과를 얻으십시오! 참고 : 고정 탭은 동일한 크기로 유지됩니다.

예:

.tabbrowser-tab:not([pinned]) 
{
    min-width: 400px !important;
}

넓은 탭


그러나 시도했지만 작동하지 않았습니다.`chrome '이 CSS를 추가했습니다. 전혀 영향을 미치지 않습니다. 업데이트 : 그런 아름다운 사진-내 꿈
Aubergine

+1. 내 컴퓨터에서 작동합니다 (최신 OS X에서 최신 FF).

흠, 왜 이런 일이 발생합니까, 계속 노력하겠습니다 ... :-)
Aubergine

@Aubergine Stylish 추가 기능을 사용해보십시오. 동일한 방식으로 작동하지만 사용하기가 더 쉽습니다.
iglvzx

1
그거 알아? 당신은 원더 : -D
Aubergine
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.