Mozilla 도움말 검색

고객 지원 사기를 피하세요. 저희는 여러분께 절대로 전화를 걸거나 문자를 보내거나 개인 정보를 공유하도록 요청하지 않습니다. "악용 사례 신고"옵션을 사용하여 의심스러운 활동을 신고해 주세요.

Learn More

What make the text look differnt on the same web page in different browsers?

  • 4 답장
  • 0 이 문제를 만남
  • 25 보기
  • 최종 답변자: s34k

more options

Hello,

BBC Urdu web page look better on Vivaldi. Is it possible to do it also in Firefox?

Thanks!

Hello, BBC Urdu web page look better on Vivaldi. Is it possible to do it also in Firefox? Thanks!
첨부된 스크린샷

선택된 해결법

Here's how to use a font override if you decide to give it a try:

(1) Install the Stylus extension from the Add-ons site.

(2) Click its toolbar button to open its drop-down menu, then click Manage to open its dashboard view.

(3) In the left column, click the "Write new style" button.

(4) Click in the code editor box on the right and paste the following code block, making sure to copy/paste both of the } at the end. Stylus should display the importer shown in the first attached screenshot. Click the Overwrite style button to accept the conversion.

@-moz-document url-prefix("https://www.bbc.com/urdu") {
/*** Fix custom web font definition for BBC Urdu ***/

/* Create new font name definitions */
@font-face {
  font-family:BBCReithQalam;
  font-weight:400;
  font-style:normal;
  src:url('https://ws-downloads.files.bbci.co.uk/fonts/ReithQalam/v1.210/normal.woff2') format('woff2'),
  url('https://ws-downloads.files.bbci.co.uk/fonts/ReithQalam/v1.210/normal.woff') format('woff');
  font-display: optional;
}
@font-face {
  font-family:BBCReithQalam;
  font-weight:700;
  font-style:normal;
  src:url('https://ws-downloads.files.bbci.co.uk/fonts/ReithQalam/v1.210/bold.woff2') format('woff2'),
  url('https://ws-downloads.files.bbci.co.uk/fonts/ReithQalam/v1.210/bold.woff') format('woff');
  font-display: optional;
}

/* Override font list for weirdly named classes starting with "bbc-" */
[class*="bbc-"]{
  font-family:BBCReithQalam,"BBC Reith Qalam",Arial,Verdana,Geneva,Helvetica,sans-serif !important;
}
}


(5) In the left column, enter a name for your style and click the Save button (second attached screenshot).

(6) When you return to the page, the font should be changed (third attached screenshot).

문맥에 따라 이 답변을 읽어주세요 👍 1

모든 댓글 (4)

more options

For me, Firefox is using Arial and Arial Bold on the BBC site. But BBC intends for you to use a web font from its site, which is what is showing in MS Edge (I don't have Vivaldi).

The problem is that Firefox requires multi-word font names like BBC Reith Qalam to be surrounded by quotation marks ("BBC Reith Qalam"). If I go into the Style Editor and add those missing quotation marks, it works!

But obviously no one wants to or should have to do that.

First, please tell BBC about this problem so they can fix it.

Second, if there is a way to tell Firefox to ignore coding errors with font names, I don't know what it's called. That would be the next best thing.

Third, you can inject correct style rules into pages on the site using an add-on for modifying pages. {To be posted after testing.}

글쓴이 jscher2000 - Support Volunteer 수정일시

도움이 되셨습니까?

more options

Sorry, that reply wasn't finished! Please let me complete work on the Stylus fix before trying it.

도움이 되셨습니까?

more options

선택된 해결법

Here's how to use a font override if you decide to give it a try:

(1) Install the Stylus extension from the Add-ons site.

(2) Click its toolbar button to open its drop-down menu, then click Manage to open its dashboard view.

(3) In the left column, click the "Write new style" button.

(4) Click in the code editor box on the right and paste the following code block, making sure to copy/paste both of the } at the end. Stylus should display the importer shown in the first attached screenshot. Click the Overwrite style button to accept the conversion.

@-moz-document url-prefix("https://www.bbc.com/urdu") {
/*** Fix custom web font definition for BBC Urdu ***/

/* Create new font name definitions */
@font-face {
  font-family:BBCReithQalam;
  font-weight:400;
  font-style:normal;
  src:url('https://ws-downloads.files.bbci.co.uk/fonts/ReithQalam/v1.210/normal.woff2') format('woff2'),
  url('https://ws-downloads.files.bbci.co.uk/fonts/ReithQalam/v1.210/normal.woff') format('woff');
  font-display: optional;
}
@font-face {
  font-family:BBCReithQalam;
  font-weight:700;
  font-style:normal;
  src:url('https://ws-downloads.files.bbci.co.uk/fonts/ReithQalam/v1.210/bold.woff2') format('woff2'),
  url('https://ws-downloads.files.bbci.co.uk/fonts/ReithQalam/v1.210/bold.woff') format('woff');
  font-display: optional;
}

/* Override font list for weirdly named classes starting with "bbc-" */
[class*="bbc-"]{
  font-family:BBCReithQalam,"BBC Reith Qalam",Arial,Verdana,Geneva,Helvetica,sans-serif !important;
}
}


(5) In the left column, enter a name for your style and click the Save button (second attached screenshot).

(6) When you return to the page, the font should be changed (third attached screenshot).

도움이 되셨습니까?

more options

Yes, it worked! I will let BBC know about this. Thank you very much for the help. Now I can read much easily! :)

도움이 되셨습니까?

질문하기

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.