谷歌字体问题

Posted 2021-04-05

我想给两个不同的font-family文本，如果有人输入Gujarati然后字体是Mukta Vani和英语然后字体是roboto。可能吗..？如果有人知道那么请帮助我。

table{
  font-family: 'Roboto', sans-serif; /**for english**/
}
table td{
  font-family: 'Mukta Vaani', sans-serif; /**Only for gujarati**/
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<link href="https://fonts.googleapis.com/css?family=Mukta+Vaani:400,500&amp;subset=gujarati" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> 

<table class="table grid-table table-striped  table-hover ">
  <tr><th>Title</th><th>description</th></tr>  
  <tr><td>સ્થળ નક્કી કરવું</td><td>Demo text</td></tr> 
  <tr><td>Test</td><td>Test</td></tr> 
</table>

答案

将始终应用第二种字体样式。它比第一个更具体，因为它以td元素为目标。相反，你可以使用class作为非英语文本，并使英语成为td的默认语言。

table td,table th{
  font-family: 'Roboto', sans-serif; /**for english**/
}
table td.guj,table th.guj{
  font-family: 'Mukta Vaani', sans-serif; /**Only for gujarati**/
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<link href="https://fonts.googleapis.com/css?family=Mukta+Vaani:400,500&amp;subset=gujarati" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> 

<table class="table grid-table table-striped  table-hover ">
  <tr><th>Title</th><th>description</th></tr>  
  <tr><td class="guj">સ્થળ નક્કી કરવું</td><td>Demo text</td></tr> 
  <tr><td>Test</td><td>Test</td></tr> 
</table>

以上是关于谷歌字体问题的主要内容，如果未能解决你的问题，请参考以下文章

谷歌地图片段显示，但没有地图

谷歌地图片段内的片段可以操纵我的地图

带有标记的Android谷歌地图片段

谷歌地图不显示在片段中

如何更改谷歌地图标记上方的标题和片段设计

谷歌字体使页面加载在中国很慢