2012-06-19 1 views
5

블로그에서 빨간색으로 질문을 표시하고 파란색으로 답변을 파란색으로 표시하고 싶습니다. 질문과 대답에서 저는 MathML을 렌더링하기 위해 MathJAx를 사용하고 있습니다. 나는 항상 블랙 컬러의 MathJax를 표시 IE에서하지만, 파이어 폭스에서 완벽하게 잘 작동이MathJax의 색상

h3, h2, h4, h5 
    { 
     text-align: left; 
     font-weight: bold; 
     font-family: Verdana; 
    } 
    .question 
    { 
     text-align: left; 
     color: Red; 

    } 
    .centerit 
    { 
     color: Blue; 
     text-align: center; 
    } 

처럼 CSS를 사용하여 MathJax의 색상을 컨트롤러 무엇입니까? 이 문제를 해결할 수있는 해결 방법이 있습니다. 당신이 file:// URL을 사용하여 로컬 사이트를 테스트하는 경우 내가 MathJax 2.

Thankx

답변

3

를 사용하고, 아마도 이미지 폰트가 아닌 웹 글꼴을 사용하도록 MathJax를 강요 한 후 파이어 폭스의 동일 출처 정책. 이에 대한 MathJax FAQ 항목을 참조하십시오. 특히 Firefox 로컬 @font-face 섹션을 참조하십시오. 한 가지 해결책은 테스트를 수행중인 컴퓨터에 MathJax 글꼴을 로컬로 설치하는 것입니다. 글꼴은 MathJax GitHub repository에서 얻을 수 있습니다 (글꼴을 클릭 한 다음 오른쪽 상단의 "Raw"버튼 클릭).

또는 라이브 웹 사이트로 전송 된 후 제대로 작동하므로 디버깅 중에 검은 색을 무시하면됩니다.

+0

Firefox local @ font-face 보안 기능은 글꼴을로드 할 수 없으므로 CSS를 적용 할 수 없습니다. DotnetNuke에서 mathjax를 호스팅하고 웹 페이지에 링크를 제공했습니다. 주변에 어떤 문제가 있습니까? 나는 모든 것이 제대로 작동하기 전에 테스트 모드에서 잘 작동하는지 확인하고 싶다. – user288645

+0

로컬에서 MathJax 글꼴을 설치하면 로컬에서 문제를 해결할 수있다. – user288645

+0

사실 내 대답은 다음 두 가지 모두에 해당된다. (1) 동일한 출처 보안 정책 (MathJax)는 로컬 파일을 재생하기 때문에 MathJax는 대신 이미지 파일을 사용합니다. (이 경우에는'@ font-face'를 사용하지 않아도됩니다.) (2) MathJax 글꼴을 로컬로 설치하면'@font - 얼굴'은 더 이상 필요하지 않습니다. 그 일을하게되어 기쁩니다. 그리고 당신이 필요로하는 두 가지 정보를 모두 제공해 주었기 때문에 당신이 내 대답을 받아 들일 수 있기를 바랍니다. –

6

MathJax는 \color 매크로를 지원하지만 LaTeX와는 다르게 작동합니다. LaTeX에서 \color\bf과 같은 일반 TeX 명령처럼 작동하지만 MathJax는이를 \textbf과 같은 LaTeX 명령으로 사용합니다.

\[ \color{red} The whole sentence is red in LaTeX, 
    but only the initial T is colored in MathJax. \] 
+2

따라서 LaTeX에서는 'textcolor'로 작동합니다. –

+4

괄호를 넣어 올바른 텍스트가 색상으로 표시되도록하는 것이 좋습니다. '\ color {red} {내 빨간 방정식}' –

+0

@KaiNoack - 당신의 코멘트는 정답입니다. –

관련 문제