Ich muss <font size="10"> in px konvertieren.Wie konvertiert man <font size = "10"> zu px?
Beispiel nur (nicht korrekt): <font size="10"> entspricht 12px.
Gibt es irgendeine Formel oder Tabellenkonvertierung, um <font size="10"> in px umzuwandeln?
<font size=1>- font size 1</font><br>
<span style="font-size:0.63em">- font size: 0.63em</span><br>
<font size=2>- font size 2</font><br>
<span style="font-size: 0.82em">- font size: 0.82em</span><br>
<font size=3>- font size 3</font><br>
<span style="font-size: 1.0em">- font size: 1.0em</span><br>
<font size=4>- font size 4</font><br>
<span style="font-size: 1.13em">- font size: 1.13em</span><br>
<font size=5>- font size 5</font><br>
<span style="font-size: 1.5em">- font size: 1.5em</span><br>
<font size=6>- font size 6</font><br>
<span style="font-size: 2em">- font size: 2em</span><br>
<font size=7>- font size 7</font><br>
<span style="font-size: 3em">- font size: 3em</span><br>
Woher hast du die Schriftgröße: Werte? Wie stellen Sie sicher, dass sie in allen Browsern korrekt sind? – pts
@pts, habe ich sie durch das Rendern des Browsers bekommen. Es liegt an der Implementierung des Browsers, also muss ich nicht sicherstellen, dass die Korrektheit für alle Browser stimmt. Es sieht nahe genug in allen Browsern, die ich getestet habe, gezoomt max. –
Es scheint in Safari und Firefox korrekt zu sein. – Chuck
Im Allgemeinen können Sie sich nicht auf eine feste Pixelgröße für Schriftarten verlassen, der Benutzer kann den Bildschirm skalieren und die Standardeinstellungen sind nicht immer gleich (abhängig von den DPI-Einstellungen des Bildschirms usw.).
Vielleicht werfen Sie einen Blick auf this (Pixel zu Punkt) und this link.
Aber natürlich können Sie die Schriftgröße auf px setzen, so dass Sie wissen, wie viele Pixel die Schrift tatsächlich ist. Dies kann hilfreich sein, wenn Sie wirklich ein festes Layout benötigen, aber diese Vorgehensweise reduziert die Zugänglichkeit Ihrer Website.
Oh, wie sich die Dinge seit dieser Pixel-zu-Punkt-Verbindung entwickelt haben. Apropos Bildschirmauflösung von 1024x768 .... lol – ClarkeyBoy
Dies kann nicht so einfach beantwortet werden. Dies hängt von der verwendeten Schriftart und den Punkten pro Zoll (ppi) ab. This sollte einen Überblick über das Problem geben.
Nach W3:
Dieses Attribut legt die Größe des Schriftart. Mögliche Werte:
- eine ganze Zahl zwischen 1 und 7. Diese die Schriftart zu einem gewissen festen Größe setzt, deren Rendering ist abhängig von dem Benutzer Mittel. Nicht alle Benutzeragenten können alle sieben Größen rendern.
- Eine relative Zunahme der Schriftgröße. Der Wert "+1" bedeutet eine Größe größer. Der Wert "-3" bedeutet drei Größen kleiner. Alle Größen gehören zum Maßstab von 1 bis 7.
Daher ist die Umwandlung nach dem Sie fragen, ist nicht möglich. Der Browser muss keine spezifischen Größen mit spezifischen Attributen size verwenden.
Beachten Sie auch, dass die Verwendung des Elements font von W3 zugunsten style sheets abgeraten wird.
Ich sehe, danke Tormod. Ich benutze die Lösung von eed3si9n und diesen Konverter http://pxtoem.com/. Jetzt funktioniert es. Vielen Dank an alle, die mir geantwortet haben: D – marknt15
Mit den Datenpunkten aus der akzeptierten Antwort können Sie Polynominterpolation verwenden, um eine Formel zu erhalten.
WolframAlpha Eingabe: interpolierendes Polynom {{1, .63}, {2, .82}, {3,1}, {4,1.13}, {5,1.5}, {6, 2}, { 7,3}}
Formel: 0.00223611x^6 - 0.0530417x^5 + 0.496319x^4 - 2.30479x^3 + 5.51644x^2 - 6.16717x + 3.14
Und in Groovy-Code verwenden:
import java.math.*
def convert = {x -> (0.00223611*x**6 - 0.053042*x**5 + 0.49632*x**4 - 2.30479*x**3 + 5.5164*x**2 - 6.167*x + 3.14).setScale(2, RoundingMode.HALF_UP) }
(1..7).each { i -> println(convert(i)) }
+1. Cool, aber haben Sie bedacht, dass Ihre Eingaben nicht die eigentlichen Datenpunkte sind, sondern nur gerundete Zahlen? – Pacerier
Das ist wirklich alt, aber <font size="10"> wären etwa <p style= "font-size:55px">
Sorry, "10" ist etwa 55px – user2845437
verwenden Backticks für Codestücke, z.B. '\
die Schriftgröße zu em-Mapping ist nur dann genau, wenn es kein font-size ist definiert und ändert sich, wenn Ihr Container auf verschiedene Größen eingestellt ist.
Die folgende funktioniert am besten für mich, aber es berücksichtigt nicht size = 7 und etwas über 7 nur als 7. macht
font size=1 = font-size:x-small
font size=2 = font-size:small
font size=3 = font-size:medium
font size=4 = font-size:large
font size=5 = font-size:x-large
font size=6 = font-size:xx-large
in Pixel
- Schriftgröße 1
- Schriftgröße: 0.63em
- Schriftgröße 2
- Schriftgröße: 0.82em
- Schriftgröße 3
- Schriftgröße: 1.0em
- Schriftgröße 4
- Schriftgröße: 1.13em
- Schriftgröße 5
- Schriftgröße: 1.5em
- Schriftgröße 6
- Schriftgröße: 2em
- Schriftgröße 7
- Schriftgröße: 3em
diese Annäherungen sind, auf der Grundlage der Messungen em
Technisch Größen außerhalb des Bereichs 1 bis 7 sind ungültig. – cletus
Danke Cletus für den Tipp. – marknt15