2013-05-22 3 views
1

내 웹 사이트에서 사용자가 단편을 쓸 수 있습니다. 형식 및 스타일을 자유롭게 텍스트를 지정할 수 있기를 바란다. 그렇게하려면 NicEdit을 설치해야한다. 하지만 NicEdit에는 단지 9 개의 기본 글꼴이 있습니다. 더 추가하는 방법?NicEdit에 글꼴을 추가하는 방법은 무엇입니까?

이것은 내 편집자입니다. 그것은 전체 패널 컨트롤과 기본 코드를 사용합니다. enter image description here

답변

7

매우 기쁘게 생각합니다. 뉴스 글꼴 NicEdit이 성공적으로 추가되었습니다. 나는 여기에 답변을 게시, 모두가 동일한 문제가 있음을 알기를 바랍니다.

1.Download 글꼴 파일이 어떤 폴더에 저장 내 방식 'CSS/글꼴'CSS 파일에서

2.Register입니다 : (I : CSS 파일 "CustomFonts.css"을 추가하는 내용이 Google 글꼴에서 Fugaz One 사용)

@font-face { 
    font-family: "FugazOne"; 
    src: url('font/FugazOne-Regular.ttf'); 
    src: url('font/FugazOne-Regular.ttf') format('truetype'); 

    font-weight: normal; 
    font-style: normal; 
} 

글꼴 파일로 경로를 변경할 수 있습니다.

<link rel="stylesheet" type="text/css" href="css/customFont.css" /> 
<script type="text/javascript" src="js/nicEdit/nicEdit_dev.js"></script> 

4.Open nicEdit.js 및 단어 "nicEditorFontFamilySelect"를 찾을 : HTML 형태로

3.Link의 CSS 파일은 이전 nicEdit.js lib 디렉토리를 추가합니다. 당신은 nicEdit에서 글꼴 목록 사용을 볼 수, CSS에서 글꼴 - 가족 등록으로 여기에 새로운 글꼴을 추가 ...

sel : {'arial' : 'Arial',..., 'FugazOne':'FugazOne'}, 

5.tada 짓을!

P/s : 데이터베이스의 콘텐츠를 표시 할 때 웹 페이지에로드가 customFont.css인지 확인해야합니다.

+1

다음 답으로 표시하십시오. 나 역시 도움이되었습니다. – AnarchistGeek

+0

아, 답변 해 주셔서 감사합니다 ^^ 오신 것을 환영합니다! – Davuz

+0

그것도 나 .. 도와 줘서 고마워. – Anoop

관련 문제