相同的css渲染不同的字体

Question

我使用http://fonts.googleapis.com/css?family=Open+Sans中的Open Sans字体。由于安全原因，一些客户端使用了封闭环境，所以我需要使用我从npm安装的本地字体。

我尝试使用Open Sans "open-sans-all": "^0.1.3"来自npm的多个软件包，例如"typeface-open-sans": "^0.0.54"，font-weight: bold;，但具有相同css的字体与以前使用GoogleApis字体进行渲染不同，尤其是在HTTP 404时被申请;被应用。

我是差异的形象。

任何资源都没有MPMoviePlayerController mpPlayer; mpPlayer = new MPMoviePlayerController (NSUrl.FromFilename ("imagenes/login/video_login.mp4")); mpPlayer.ControlStyle = MPMovieControlStyle.None; mpPlayer.ScalingMode = MPMovieScalingMode.AspectFill; mpPlayer.ControlStyle = MPMovieControlStyle.None; fondoLogin.Add (mpPlayer.View); //fondoLogin.AddSubview (mpPlayer.View); mpPlayer.View.Frame = new CGRect (0, 0, View.Frame.Width, View.Frame.Height); mpPlayer.SourceType = MPMovieSourceType.Streaming; mpPlayer.SetFullscreen (true, true); mpPlayer.PrepareToPlay (); mpPlayer.ShouldAutoplay = true; videoEndNotificationToken = NSNotificationCenter.DefaultCenter.AddObserver (AVPlayerItem.DidPlayToEndTimeNotification, VideoDidFinishPlaying, mpPlayer); mpPlayer.RepeatMode = MPMovieRepeatMode.One; mpPlayer.Play (); ＆amp;所有字体＆amp;资源正在正确下载。

我不确定我做错了什么，所以同一个css的相同字体渲染方式不同？

Answer 1

正如@RobC所提到的，它可能是浏览器的粗体，因为在npm中字体中存在特定的粗体定义，但在GoogleApi中没有。

它很蹩脚，但客户首选旧的，即浏览器的虚假，所以需要下载相同的woff2文件＆amp;从网站下载后在本地推荐，如：

1. 打开http://fonts.googleapis.com/css?family=Open+Sans

2. 它使用了不同的字体，如：

   /* cyrillic-ext */
   @font-face {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 400;
     src: local('Open Sans Regular'), local('OpenSans-Regular'), url(http://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
     unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
   } ...
   

3. 将url中本地提及的所有文件下载为资源，如下所示：

http://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2

1. 修改原始css以使用本地资源，如：

   @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(ui/fonts/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

但是再次需要为InternetExplorer添加额外的EOT文件，因为IE＆amp;无法识别woff2。 chrome无法识别EOT