내 보스는 Photoshop, paint 또는 illustrator를 사용하여 자신 만의 사용자 정의 글꼴을 만들고 싶습니다. 그는 각 글자가 여러 가지 색깔을 띠거나 색이 바뀌고 그림자가 생기고 웹 사이트에서 이것을 사용하기를 원합니다. 사람들이 텍스트를 입력 할 때 평소 보는 흑백 텍스트가 아닌 것입니다. 나는 연구하고 글꼴 작성자와 사용자 지정 글꼴을 만들 수 있지만 텍스트 상자에 개별 문자/기호 이미지를 삽입하거나 Dreamweaver 또는 CSS에서 이벤트 처리기를 사용하여 코드 (자바 스크립트 또는 PHP)를 사용하여 가능하다는 것을 알고 있습니다. . 그렇다면 누구나 가능한 예나 알고있는 사이트가 있습니다. 모든 도움을 많이 주시면 감사하겠습니다.이미지를 텍스트로 사용하십시오.
@ font-face (http://www.fontface.com/)을 사용하여 사용자 정의 글꼴을 웹 페이지에 포함시킨 다음 자바 스크립트 (모든 다른 문자를 색칠하는 알고리즘) + 상사가 찾고있는 원하는 효과를 얻으려면 CSS3 (사용자 정의 색상).
성능상의 이유로 Cufon 대신 @ font-face 또는 google 웹 글꼴을 사용하는 것이 좋습니다.
행운을 빈다.
나는 실제 글꼴을 작성하여 CSS에 포함시켜야한다는 데일에 동의합니다. 사진 편집 및 일반 그래픽 디자인을 목적으로하는 Adobe 제품을 사용하는 대신 FontForge과 같은 글꼴 용으로 특별히 설계된 도구 나 다양한 상업용 응용 프로그램 중 하나를 사용해야합니다.
특수 효과의 경우 textgrad 또는 wrapSelection 또는 다른 "Animation and Effects" plugin과 같은 jQuery add-on을 사용하여 원하는 효과를 얻을 수 있습니다.
텍스트를 이미지로 바꾸려면 주제를 다루는 일부 StackOverflow 질문이 있습니다. this 또는 this을 확인하십시오.
이러한 것들을 HTML 양식과 통합하는 데 어려움이있는 경우 시도의 코드가 포함 된 새로운 StackOverflow 질문을 만들어야합니다 (질문에 대답하는 사람들이 테스트 할 수 있도록 쉽게 복제하는 것이 바람직 함).
@ font-face를 사용하여 웹 사이트에 사용자 정의 글꼴을 쉽게 추가 할 수 있습니다. 참고 : 모든 주요 브라우저를 지원하려면 글꼴을 여러 가지 다른 형식으로 변환해야합니다. 다행히에서 무료로이 작업을 수행하는 자동화 된 방법이있다 :
http://www.fontsquirrel.com/fontface/generator
행운 천연색 글꼴을 만들기! :)
가능합니다. 실용적이지 않습니다. – Loktar
헤더는 본문 텍스트가 아닌 헤더에만 사용해야합니다. - cufon을 사용하여 일반 텍스트를 원하는 모든 글꼴로 대체하고 이미지로 렌더링 할 수 있습니다. http://cufon.shoqolate.com을보십시오 – Rufinus
당신은 우리를 조롱하고 있습니다, 맞죠? – Jeroen