字体在photoshop和网站上看起来不同 [英] Font looks different on photoshop and at website

问题描述

简单的问题：为什么这两种字体在Photoshop和网站看起来不同。

Simple question: Why this 2 fonts looks different at photoshop and at website.

在这张图片 - 此第一个文本是从html代码，第二个是从photoshop的图像。相同的字体，相同的大小 - 30.但是这第一次看起来比第二次更粗体。为什么？我想有一个相同的字体，因为它是在photoshop（第二张图片）。

At this picture - this first text is from html code, second is an image from photoshop. The same font, the same size - 30. But this first looks more "bold" than second. Why? I want to have a identically font as it is at photoshop (second picture).

这里css代码：

@font-face {
font-family: "SegoeWP";
src: url("fonts/play/SegoeWP.eot");
src: url("fonts/play/SegoeWP.eot?#iefix")
         format("embedded-opentype"),
     url("fonts/play/SegoeWP.woff") format("woff"),
     url("fonts/play/SegoeWP.ttf") format("truetype"),
     url("fonts/play/SegoeWP.svg#PlayRegular") format("svg");
font-weight: lighter;
}

#strona {
  width: 1120px;
  margin-left: auto;
  margin-right: auto;
}

#Section1 
{
      font-family: "SegoeWP", Tahoma, Arial, sans-serif;
      font-size: 30px; 
}



header, footer, article, section, hgroup, nav, figure {
    display: block;
}


 body {
  font-family: "SegoeWP", Tahoma, Arial, sans-serif;
  background-image:url('background.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  color: #ffffff;

 }

和html代码。

  <section id="Section1">  { mywebsite.NET } </section>
  <img src="mojeportfolio.png" />

任何想法？问候！

更多

我发现，我有3种类型的SegoeWP字体文件夹。 SegoeWP，SegoeWP-Light，SegoeWP-Semibold。 SegoeWP看起来有点太大胆，但这个SegoeWP-Light是完美的，看起来和photoshop一样，当我doubleclick它。如何在我的网站上使用它？当我改变这部分 - > url（fonts / play / SegoeWP-Light。*），网站没有变化。什么是错误？

i found, that I have 3 types of SegoeWP font in folder. "SegoeWP", "SegoeWP-Light", "SegoeWP-Semibold". "SegoeWP" looks a litle bit too "bold", but this "SegoeWP-Light" is perfect and looks identical as in photoshop when i doubleclick it. How can I use it on my website? When I change this part -> url("fonts/play/SegoeWP-Light.*"), nothing change at website. What is wrong?

推荐答案

photoshop处理字体与web浏览器有很大不同...因为photoshop使用了平滑，内核和其他人的字体几乎总是看起来不同的浏览器

photoshop handles fonts a lot differently than a web browser ... because photoshop used functions like smoothing, kernel and others the font will almost always look different in a browser

这篇关于字体在photoshop和网站上看起来不同的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！