Muszę przekonwertować <font size="10"> na px.Jak przekonwertować <rozmiar czcionki = "10"> na piksel?
Tylko przykład (niepoprawnie): <font size="10"> jest odpowiednikiem 12px.
Czy istnieje konwersja formuły lub tabeli, aby przekonwertować <font size="10"> na 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>
Skąd wziąłeś rozmiar czcionki: wartości? Jak upewnić się, że są poprawne we wszystkich przeglądarkach? – pts
@pts, dostałem je, patrząc na renderowanie przeglądarki. To zależy od implementacji przeglądarki, więc nie sądzę, że muszę się upewnić, że jest poprawna we wszystkich przeglądarkach. Wygląda wystarczająco blisko we wszystkich przeglądanych przeze mnie przeglądarkach. –
Wygląda na poprawny w Safari i Firefox. – Chuck
Ogólnie rzecz biorąc, nie można polegać na stałym rozmiarze piksela dla czcionek, użytkownik może skalować ekran, a ustawienia domyślne nie zawsze są takie same (w zależności od ustawień DPI ekranu itp.).
Może spojrzeć na this (piksel na punkt) i this link.
Oczywiście można ustawić rozmiar czcionki na px, aby wiedzieć, ile pikseli rzeczywiście jest czcionką. Może to pomóc, jeśli naprawdę potrzebujesz stałego układu, ale ta praktyka ogranicza dostępność twojej strony internetowej.
Och, jak się sprawy potoczyły, odkąd link ten wskazuje punkt. Mówiąc o maksymalnych rozdzielczościach ekranu 1024x768 .... lol – ClarkeyBoy
Nie można tak łatwo odpowiedzieć. Zależy od użytej czcionki i punktów na cal (ppi). This powinien dać przegląd problemu.
Według W3:
Ten atrybut ustawia rozmiar czcionki . Możliwe wartości:
- liczbę całkowitą od 1 do 7. W tym ustawia czcionki pewnej ustalonej wielkości, którego obrazu zależy od użytkownika agenta. Nie wszystkie programy użytkownika mogą renderować wszystkie siedem rozmiarów.
- Względny wzrost rozmiaru czcionki. Wartość "+1" oznacza jeden rozmiar większy. Wartość "-3" oznacza mniejsze rozmiary o trzy rozmiary: . Wszystkie rozmiary należą do skali od 1 do 7.
Stąd zamiana pytasz, nie jest możliwe. Przeglądarka nie musi używać określonych rozmiarów o określonych atrybutach size.
Należy również zauważyć, że użycie elementu font jest odradzane przez W3 na rzecz style sheets.
Rozumiem, dziękuję Tormod. Korzystam z rozwiązania eed3si9n i tego konwertera http://pxtoem.com/. Teraz działa. Dziękuję wszystkim, którzy mi odpowiedzieli: D – marknt15
Korzystając z punktów danych z zaakceptowanej odpowiedzi można skorzystać z interpolacji wielomianowej w celu uzyskania formuły.
Wejście WolframAlpha: interpolacyjny wielomian {{1, .63}, {2, .82}, {3,1}, {4,1.13}, {5,1.5}, {6, 2}, { 7,3}}
Wzór: 0,00223611x^6 - 0,0530417x^5 + 0,496319x^4 - 2,30479x^3 + 5,51644x^2 - 6,16717x + 3.14
I używać w kodzie 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. Fajnie, ale czy uważasz, że twoje dane wejściowe nie są rzeczywistymi punktami danych, a jedynie zaokrąglonymi liczbami? – Pacerier
To jest bardzo stary, ale <font size="10"> byłoby o <p style= "font-size:55px">
przykro mi, "10" to około 55 pikseli – user2845437
użyj wstecznych fragmentów kodu, np. '\'
rozmiar czcionki do mapowania EM jest tylko dokładne, jeśli nie ma font-size zdefiniowane i zmienia się, gdy twój kontener ma różne rozmiary.
Poniższy działa najlepiej dla mnie, ale to nie uwzględnia wielkości = 7 i niczego powyżej 7 renderuje tylko jako 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
w pikselach
- rozmiar czcionki 1
- rozmiar czcionki: 0,63em
- rozmiar czcionki 2
Rozmiar -: 0.82em
- rozmiar czcionki 3
- rozmiar czcionki: 1.0em
- rozmiar czcionki 4
- rozmiar czcionki: 1.13em
- wielkość 5
- wielkość: 1.5em
- wielkość 6
- rozmiar czcionki: 2em
- wielkość 7
- wielkość: 3em
są przybliżone na podstawie pomiarów em
rozmiary Technicznie poza zakresu od 1 do 7, są nieprawidłowe. – cletus
Dziękuję cletus za cynk. – marknt15