Kuinka selvittää, mikä fontti sivulla on

Kuinka selvittää, mikä fontti sivulla on

On suhteellisen helppoa määrittää, minkä tyyppistä fonttia verkkosivulla tai asiakirjassa käytetään. On olemassa useita tapoja edetä sen mukaan, missä katselet tekstiä ja kuinka usein aiot tarkistaa fonttityylejä.

Fontti asiakirjassa

Jos tarkastelet asiakirjaa tekstinkäsittelyohjelmassa, korosta teksti ja katso työkaluriviltä fonttivaihtoehtoa. Sen pitäisi näyttää, mitä fonttia korostetussa tekstissä käytetään.

Fontti verkkosivulla

Tekstinkäsittelyohjelman tai tekstieditorin kautta

Voit korostaa verkkosivulla tekstin, jonka fontin haluat määrittää. Kopioi teksti (napsauta hiiren kakkospainikkeella ja valitse Kopioi tai paina näppäimistön Ctrl+C). Avaa tekstinkäsittelysovellus tai tekstieditori ja liitä (klikkaa hiiren oikealla painikkeella ja valitse Liitä tai paina näppäimistön Ctrl+V) teksti uuteen asiakirjaan. Korosta teksti uudelleen tekstinkäsittelydokumentissa ja katso työkalupalkin fonttivaihtoehtoa. Sen pitäisi näyttää, minkä tyyppistä fonttia kyseiselle tekstille käytetään.

Plugin kautta

Jos haluat usein tarkistaa verkkosivulla käytetyt fontit, sinun kannattaa ladata laajennus Internet-selaimellesi. Nämä laajennukset toimivat automaattisesti, kun tarkastelet verkkosivua, ja niitä voidaan käyttää työkalupalkin painikkeella. Useimmat toimivat samalla tavalla joko korostamalla tekstiä tai viemällä hiiri fontin päälle ja napsauttamalla työkalupalkin painiketta. Kirjasimen nimen pitäisi näkyä ponnahdusikkunassa tai tekstikuplassa.

Huomautus

Vaikka ilmaisia ​​sovelluksia on monia, joidenkin lataaminen maksaa rahaa.

Lähdekoodin kautta

Vaikeampi, mutta silti pätevä vaihtoehto on tarkistaa verkkosivun lähdekoodi. Voit yleensä tarkastella lähdekoodia napsauttamalla Web-sivua hiiren kakkospainikkeella ja valitsemalla ponnahdusvalikosta Näytä sivun lähdekoodi. Lähde näyttää ohjelmointikoodin, jota käytetään verkkosivun rakentamiseen. Tästä lähdekoodista löydät verkkosivun tekstissä käytetyn fontin tyypin. Usein fonttityyppi on kuitenkin määritetty CSS-tiedostossa, joka ei välttämättä ole katseltavissa.

Kärki

Monissa selaimissa voit tarkastella lähdekoodia näppäinyhdistelmällä Ctrl+U tai painamalla F12.

Recent Articles

spot_img

Related Stories

Stay on op - Ge the daily news in your inbox

[tdn_block_newsletter_subscribe input_placeholder="Email address" btn_text="Subscribe" tds_newsletter2-image="730" tds_newsletter2-image_bg_color="#c3ecff" tds_newsletter3-input_bar_display="" tds_newsletter4-image="731" tds_newsletter4-image_bg_color="#fffbcf" tds_newsletter4-btn_bg_color="#f3b700" tds_newsletter4-check_accent="#f3b700" tds_newsletter5-tdicon="tdc-font-fa tdc-font-fa-envelope-o" tds_newsletter5-btn_bg_color="#000000" tds_newsletter5-btn_bg_color_hover="#4db2ec" tds_newsletter5-check_accent="#000000" tds_newsletter6-input_bar_display="row" tds_newsletter6-btn_bg_color="#da1414" tds_newsletter6-check_accent="#da1414" tds_newsletter7-image="732" tds_newsletter7-btn_bg_color="#1c69ad" tds_newsletter7-check_accent="#1c69ad" tds_newsletter7-f_title_font_size="20" tds_newsletter7-f_title_font_line_height="28px" tds_newsletter8-input_bar_display="row" tds_newsletter8-btn_bg_color="#00649e" tds_newsletter8-btn_bg_color_hover="#21709e" tds_newsletter8-check_accent="#00649e" embedded_form_code="YWN0aW9uJTNEJTIybGlzdC1tYW5hZ2UuY29tJTJGc3Vic2NyaWJlJTIy" tds_newsletter="tds_newsletter1" tds_newsletter3-all_border_width="2" tds_newsletter3-all_border_color="#e6e6e6" tdc_css="eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6IjAiLCJib3JkZXItY29sb3IiOiIjZTZlNmU2IiwiZGlzcGxheSI6IiJ9fQ==" tds_newsletter1-btn_bg_color="#0d42a2" tds_newsletter1-f_btn_font_family="406" tds_newsletter1-f_btn_font_transform="uppercase" tds_newsletter1-f_btn_font_weight="800" tds_newsletter1-f_btn_font_spacing="1" tds_newsletter1-f_input_font_line_height="eyJhbGwiOiIzIiwicG9ydHJhaXQiOiIyLjYiLCJsYW5kc2NhcGUiOiIyLjgifQ==" tds_newsletter1-f_input_font_family="406" tds_newsletter1-f_input_font_size="eyJhbGwiOiIxMyIsImxhbmRzY2FwZSI6IjEyIiwicG9ydHJhaXQiOiIxMSIsInBob25lIjoiMTMifQ==" tds_newsletter1-input_bg_color="#fcfcfc" tds_newsletter1-input_border_size="0" tds_newsletter1-f_btn_font_size="eyJsYW5kc2NhcGUiOiIxMiIsInBvcnRyYWl0IjoiMTEiLCJhbGwiOiIxMyJ9" content_align_horizontal="content-horiz-center"]