웹 페이지 및 바코드 글꼴

StackOverflow https://stackoverflow.com/questions/240948

문제

바코드 목록을 생성 할 수있는 작은 앱에서 작업하고 있습니다. 내 컴퓨터에 올바른 글꼴이 설치되어 있습니다. 지금은 웹 페이지에 직접 인쇄하고 있으며 Chrome 및 IE 7에서는 제대로 작동하지만 Firefox는 아닙니다. Firefox가 IE 및 Chrome과 다르게 무엇을할지 아는 사람이 있습니까?

내 코드는 다음과 같습니다.

<html>
    <head>
        <title>Barcode Font Test</title>

        <style type="text/css" media="screen">
            .barcode { font-family: "wasp 39 m", verdana, calibri; font-size: 36pt; }
        </style>
    </head>

    <body>
        <div class="barcode">*574656*</div>
    </body>
</html>

편집하다:나는 이것이 현재 더 많은 개인 프로젝트이며 세상에 공개 될 의도는 없다고 언급했을 것입니다. 작동하는 솔루션을 가져갈 것이지만 JavaScript/Flash 등을 포함하지 않는 것을 원합니다.

도움이 되었습니까?

해결책

더 간단한 솔루션은 이미지 서버를 생성하여 바 코드를 생성하는 것입니다. 이렇게하면 글꼴이 설치된 사용자에게 의존 할 필요가 없으며 HTML에서 글꼴에 액세스 할 필요가 없습니다.

다른 팁

몇 가지 바코드 형식이 있습니다. 일부는 단순하고 일부는 매우 복잡해질 수 있습니다. 응용 프로그램에 맞는 경우 사용하기 가장 쉬운 중 하나는 9 개의 바코드 중 3 개입니다. 압축되지 않으며 바코드의 숯과 1 ~ 1 관계가 있습니다. 이것에는 숫자 전용과 알파를 포함하는 확장 세트의 두 가지 변형이 있습니다. 나는 당신 이이 형식을 사용할 수 있다는 소비로 앞으로 나아갈 것입니다. (샘플 코드에서 사용중인 것 같습니다) 가장 쉬운 구현을 위해서는 숫자 만 사용하십시오. 그런 다음 11 개의 숯 (0-9 및 Astrisk) 만 필요합니다. 기존 3의 9 글꼴의 정의를보십시오. (비상업적 사용을 위해 Free3of9라는 글꼴을 검색하십시오. 앱의 기반으로 사용할 수 있습니다 ...)

다음으로, 지루한 부분은 더 많은 작업을 수행하지만 거의 모든 브라우저에 표시됩니다. 온라인을 찾을 수없는 경우 각 Char에 대한 GIF (또는 BMP 또는 PNG) 이미지를 구합니다. (숯의 오른쪽에 올바른 흰색 공간을 포함시키기 위해 다음 숯과 거리를두고 있습니다!) 하나의 픽셀 높이 일만하면됩니다. 시간이 바코드를 표시 할 때 숯을 함께 묶습니다. <IMG>서로 옆에 있습니다. 9 중 3 개는 바코드의 숯이 양쪽 끝에 Astrisk (어쨌든 free3of9 글꼴의 Astrisk)로 둘러싸여 있거나 감싸도록 요구합니다. 높이를 설정하십시오 <IMG>인쇄물에 맞을만큼 키가 큰 것입니다.

이러한 방식으로 클라이언트에서는 글꼴 설치가 필요하지 않지만 대부분의 바코드 디코더는 결과 그래픽을 읽을 수 있습니다.

예제 (*574656*) 다음과 같이 보일 수 있습니다.574656

(글쎄, 정확히 그렇지 않습니다 - 그것은 여러 인라인 단일 그래픽의 구성 대신 견고한 그래픽이지만 아이디어를 얻습니다).

개별 숫자 그래픽은 다음과 같습니다.

* *

0 0

1 1

2 2

3 3

4 4

5 5

6 6

7 7

8 8

9 9

코드 변경은 다음과 같습니다.

<html>    
    <head>        
        <title>Barcode Font Test</title>        
    </head>    
    <body>   
        <img src="3o9cb_ast.png" alt="*"/>     
        <img src="3o9cb_5.png" alt="5"/>
        <img src="3o9cb_7.png" alt="7"/>
        <img src="3o9cb_4.png" alt="4"/>
        <img src="3o9cb_6.png" alt="6"/>
        <img src="3o9cb_5.png" alt="5"/>
        <img src="3o9cb_6.png" alt="6"/>
        <img src="3o9cb_ast.png" alt="*"/>
    </body>
</html>

나는 사용했다 SearchFreeFonts.com 9 개의 바코드 숯 중 3 개가 형식화 된 방법에 대한 메모리를 새로 고치는 리소스로서. 이 그래픽은 처음에 해당 사이트에서 나온 것입니다.

Mozilla 개발자들은 Symbol Fonts가 작동하지 않도록 선택했습니다. 다음에 설명 된대로 구성에서 활성화 할 수 있습니다. Mozilla Firefox에서 일할 기호 글꼴을 얻습니다

현재 일하고있는 회사에서는 Lesnikowski.com의 Barcode.dll을 사용합니다. 바코드 이미지를 생성합니다. 클라이언트 PC에 글꼴이 설치되어 있는지 여부에 따라 달라지고 모든 브라우저에서 작동하는지 여부에 따라 다릅니다.

도움이 되었기를 바랍니다.

웹 페이지에서 비표준 글꼴을 사용하는 것은 엉덩이에 큰 고통입니다. 더 쉽게 사용할 수 있도록 사용할 수 있습니다 SIFR 또는 새로운 서체 .js.

편집 : 이것은 4 년 전에 게시 된 경우 유효했지만 더 이상 그렇지 않습니다. 후손을 위해 여기에 두지 만 정답으로 받아들이지 마십시오.

우리는 회사에서도 같은 문제가 있습니다. 운 좋게도 1-2 명의 사람들만이 바코드 글꼴을 사용해야합니다.

우리는 그들이 새로운 A PC를 받았을 때 글꼴이 브라우저를 통해 작동하지 않는다는 것을 발견했습니다. 그들은 클라이언트 응용 프로그램 (예 : Word)을 열고 바코드 글꼴을 선택하고 그 글꼴을 "초기화"하기 위해 타이핑을해야했습니다.

가장 좋은 솔루션은 주문시 서버에서 바코드 이미지를 만드는 것입니다. 이 솔루션의 문제는 오래된 이미지를 정리할 수 있습니다. 이 솔루션은 더 많은 작업이 필요하지만 클라이언트 측 솔루션보다 지속적인 문제와 유지 보수가 적은 비용을 지불합니다.

글꼴은 렌더링을 수행하기 위해 브라우저에 의존하기 때문에 문제가있는 경향이 있습니다. 이미지가 더 좋습니다. 나는 사용한다 모로비아 바코드 활성 라이트 IIS에서 바코드를 생성합니다.

예제 바코드 http://www.morovia.com/activex/active-demo/barcode.asp?symbology=7&showhrtext=1&narrowbarwidth=20&barheight=750&message=0+0700077723

그냥 이것을하십시오 : http://davidscotttufts.com/2009/03/31/how-to-create-barcodes-in-php/David는 바코드를 구현할 수있는 매우 간단한 방법을 만들었습니다. MySQL에서 실행되는 GD 라이브러리가 필요합니다. (MAMP & LAMP는 이미 설치해야합니다)

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top