unicode 1.5

Ik heb me ook een breuk gezocht, maar ik kan het niet vinden.
Maar dan doe je toch 1½?

Een Unicode karakter met de breuk "1 1/2" of zelfs "3/2" bestaat niet.
De oplossing van Ariën is de beste.

Maar mocht je in de toekomst nou wat sneller een unicode karakter willen vinden, dan kan deze site je veel tijd besparen: https://shapecatcher.com
Je tekent het karakter dat je hebben wilt en de site zoekt daar het karakter bij.

Als een Unicode karakter helemaal niet bestaat, kan je eigenlijk altijd wel een alternatief maken met HTML (in dit geval met <sup> en <sub> en maatwerk CSS), of inline SVG.

Spijtig maar niet aan te doen.

Dat wordt veel werken want mijn webapp is voorzien voor exact 1 karakter. Dus aanpassen en veel testen geblazen:)
Eerst nog eens zoeken of een wiskundig font geen oplossing heeft.
Bedankt voor de antwoorden.

Ik zoek meestal hier https://www.janr.be/unicode.php maar die website is wel interessant.

Jan

Dan lijkt een SVG een beter alternatief.

Of je laat het de browser voor je oplossen in HTML:

<style>.half::after { content: "?"; }</style>
<span class="half">1</span>

Het vraagteken vervang je dan voor ½, kennelijk wil dat ook niet op deze site.

Ik kan en heb de svg gemaakt

        <svg height="200" width="150" style="fill: none; border: 1px solid black;">
            <path d="M 25 50 L50 20 V35 170" stroke="black"  stroke-width="3" />
            <path d="M 25 170 h50" stroke="black" stroke-width="3" />

            <path d="M 90 50 L110 30 V35 75" stroke="black" stroke-width="2" />
            <path d="M 90 75 h40" stroke="black" stroke-width="2" />
            
            <path d="M 80 90 h60" stroke="black" stroke-width="1" />
            
            <path d="M 90 120 q 15 -30 30 0 L 90 160"  stroke="black"  stroke-width="2" />
            <path d="M 90 160 h40" stroke="black" stroke-width="2" />
        </svg>

Maar beide oplossingen zijn niet bruikbaar :( Ik heb deze nodig in een select en in een div. Div lukt maar select niet.

Toch bedankt. Even laten sudderen en dan kijken om alles aan te passen.

Jan

Is dit wat?

 <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Created with Inkpad (http://www.taptrix.com/) --><svg xmlns:inkpad="http://taptrix.com/inkpad/svg_extensions" height="55pt" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="75pt" version="1.1" viewBox="0,0,75,55">
<metadata>
<inkpad:setting key="RulersVisible" value="1"/>
<inkpad:setting key="SnapToEdges" value="1"/>
<inkpad:setting key="Units" value="Pixels"/>
<inkpad:setting key="DynamicGuides" value="1"/>
<inkpad:setting key="SnapToPoints" value="1"/>
<inkpad:setting key="SnapToGrid" value="1"/>
<inkpad:setting key="ShowGrid" value="1"/>
<inkpad:setting key="GridSpacing" value="2"/>
</metadata>
<defs/>
<g id="Layer 1" inkpad:layerName="Layer 1">
<text x="0" font-family="'ArialMT'" y="0" text-anchor="middle" inkpad:text="1½" fill="#000000" font-size="48" inkpad:width="75" opacity="1" transform="matrix(1 0 0 1 0 1)">
<tspan x="37.5" y="43" textLength="66.7266">
<![CDATA[1½]]></tspan>
</text>
</g>
</svg>

[size=xsmall]Toevoeging op 12/01/2024 10:30:57:[/size]

Ik zie dat op regel 19 ‘1’ staat ipv ‘11/2’ (Anderhalf).

[size=xsmall]Toevoeging op 12/01/2024 10:32:47:[/size]

En dat geldt ook voor regel 17 : inkpad:text="1"

[size=xsmall]Toevoeging op 12/01/2024 12:04:47:[/size]

Alles overzichtelijk : http://adoptive.2kool4u.net/svg.html