Devo convertire <font size="10"> in px.Come convertire <font size = "10"> in px?
Solo esempio (non corretto): <font size="10"> equivale a 12px.
Esiste una conversione di formula o tabella per convertire <font size="10"> in px?
<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>
Dove hai ottenuto la dimensione del font: valori? Come ti assicuri che siano corretti in tutti i browser? – pts
@pts, li ho presi osservando il rendering del browser. Dipende dall'implementazione del browser, quindi non penso di dover garantire la correttezza per tutti i browser. Sembra abbastanza vicino in tutti i browser che ho provato ingrandito massimo. –
Sembra essere corretto in Safari e Firefox. – Chuck
In generale non è possibile fare affidamento su una dimensione fissa di pixel per i caratteri, l'utente può ridimensionare lo schermo e le impostazioni predefinite non sono sempre le stesse (dipende dalle impostazioni DPI dello schermo ecc.).
Forse dare un'occhiata a this (pixel a punto) e this link.
Ma ovviamente è possibile impostare la dimensione del carattere su px, in modo da sapere quanti pixel il font è effettivamente. Questo può aiutare se hai davvero bisogno di un layout fisso, ma questa pratica riduce l'accessibilità del tuo sito web.
Oh come sono andate le cose da quel collegamento pixel a punto. A proposito di risoluzioni max dello schermo di 1024x768 .... lol – ClarkeyBoy
A questa risposta non si può rispondere facilmente. Dipende dal font utilizzato e dai punti per pollice (ppi). This dovrebbe dare una panoramica del problema.
Secondo W3:
Questo attributo imposta la dimensione del carattere . valori possibili:
- Un numero intero tra 1 e 7. Questa imposta il carattere da una certa dimensione fissa, il cui rendering dipende dal programma utente. Non tutti i programmi utente possono rendere tutte e sette le dimensioni.
- Un aumento relativo della dimensione del carattere. Il valore "+1" indica una dimensione più grande. Il valore "-3" indica tre dimensioni più piccole. Tutte le dimensioni appartengono alla scala di 1 a 7.
Quindi, la conversione che stai chiedendo non è possibile. Il browser non è tenuto a utilizzare dimensioni specifiche con attributi specifici size.
Si noti inoltre che l'utilizzo dell'elemento font è sconsigliato da W3 a favore di style sheets.
Vedo, grazie Tormod. Sto usando la soluzione di eed3si9n e questo convertitore http://pxtoem.com/. Ora funziona. Grazie a tutti quelli che mi hanno risposto: D – marknt15
Utilizzando i punti dati dalla risposta accettata è possibile utilizzare l'interpolazione polinomiale per ottenere una formula.
WolframAlpha ingresso: interpolazione polinomiale {{1, .63}, {2, .82}, {3,1}, {4,1.13}, {5,1.5}, {6, 2}, { 7,3}}
Formula: 0,00223611x^6 - 0,0530417x^5 + 0,496319x^4 - 2,30479x^3 + 5,51644x^2 - 6,16717x + 3.14
e l'uso in codice Groovy:
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. Fantastico, ma hai considerato che i tuoi input non sono i veri punti di dati, ma semplicemente numeri arrotondati? – Pacerier
Questo è davvero vecchio, ma <font size="10"> sarebbe circa <p style= "font-size:55px">
mi spiace, "10" è di circa 55px – user2845437
utilizza i backtick per i pezzi di codice, ad es. '\'
la dimensione del carattere per la mappatura em è accurato solo se non v'è alcun font-size definito e cambia quando il tuo contenitore è impostato su diverse dimensioni.
Il seguente funziona meglio per me, ma non tiene conto per size = 7 e qualsiasi cosa sopra 7 rende solo come 7.
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
- dimensione dei caratteri 1
- dimensione carattere: 0.63em
- dimensione carattere 2
dimensione del carattere -: 0.82em
- dimensione carattere 3
- carattere size: 1.0em
- dimensione carattere 4
- Caratteri di grandezza: 1.13em
- dimensione caratteri 5
- font size: 1.5em
- la dimensione del carattere 6
- font size: 2em
- la dimensione del carattere 7
- la dimensione del carattere: 3em
questi sono approssimazioni basate sulle misure em
formati tecnicamente fuori della gamma da 1 a 7 non sono validi. – cletus
Grazie cleto per la mancia. – marknt15