Шрифты на шаблонах электронной почты, которые появились из ниоткуда, которые не написаны на шаблоне ⇐ Html

[Anonymous]

В настоящее время я изучаю использование пользовательских шрифтов, работающих в моей организации в шаблоне электронной почты. У нас есть клиент Outlook, чтобы проверить, работает ли это или нет. Однако в электронном письме, которое я отправил с этим шаблоном, я не могу найти шрифт, который я написал в стиле шаблона, даже когда я осматриваю. src = "https://i.sstatic.net/nscxnvrp.png"/>

what. Ну, не совсем то же самое, так как я использовал Лато в фрагменте только для примера. (Лато также не работал, то же поведение) < /p>








Notification of Customer Update Data Results

.rollover:hover .rollover-first {
max-height:0px!important;
display:none!important;
}
.rollover:hover .rollover-second {
max-height:none!important;
display:block!important;
}
.rollover span {
font-size:0px;
}
u + .body img ~ div div {
display:none;
}
#outlook a {
padding:0;
}
span.MsoHyperlink,
span.MsoHyperlinkFollowed {
color:inherit;
mso-style-priority:99;
}
a.es-button {
mso-style-priority:100!important;
text-decoration:none!important;
}
a[x-apple-data-detectors],
#MessageViewBody a {
color:inherit!important;
text-decoration:none!important;
font-size:inherit!important;
font-weight:inherit!important;
line-height:inherit!important;
}
.es-desk-hidden {
display:none;
float:left;
overflow:hidden;
width:0;
max-height:0;
line-height:0;
mso-hide:all;
}
.es-button-border:hover {
border-color:#23c8fe #23c8fe #23c8fe #23c8fe!important;
background:#23c8fe!important;
}
.es-button-border:hover a.es-button,
.es-button-border:hover button.es-button {
background:#23c8fe!important;
}
@media only screen and (max-width:600px) {.es-p-default { } *[class="gmail-fix"] { display:none!important } p, a { line-height:150%!important } h1, h1 a { line-height:120%!important } h2, h2 a { line-height:120%!important } h3, h3 a { line-height:120%!important } h4, h4 a { line-height:120%!important } h5, h5 a { line-height:120%!important } h6, h6 a { line-height:120%!important } .es-header-body p { } .es-content-body p { } .es-footer-body p { } .es-infoblock p { } h1 { font-size:14px!important; text-align:center } h2 { font-size:14px!important; text-align:center } h3 { font-size:14px!important; text-align:center } h4 { font-size:24px!important; text-align:left } h5 { font-size:20px!important; text-align:left } h6 { font-size:16px!important; text-align:left } .es-header-body h1 a, .es-content-body h1 a, .es-footer-body h1 a { font-size:14px!important } .es-header-body h2 a, .es-content-body h2 a, .es-footer-body h2 a { font-size:14px!important } .es-header-body h3 a, .es-content-body h3 a, .es-footer-body h3 a { font-size:14px!important } .es-header-body h4 a, .es-content-body h4 a, .es-footer-body h4 a { font-size:24px!important } .es-header-body h5 a, .es-content-body h5 a, .es-footer-body h5 a { font-size:20px!important } .es-header-body h6 a, .es-content-body h6 a, .es-footer-body h6 a { font-size:16px!important } .es-menu td a { font-size:14px!important } .es-header-body p, .es-header-body a { font-size:14px!important } .es-content-body p, .es-content-body a { font-size:14px!important } .es-footer-body p, .es-footer-body a { font-size:12px!important } .es-infoblock p, .es-infoblock a { font-size:14px!important } .es-m-txt-c, .es-m-txt-c h1, .es-m-txt-c h2, .es-m-txt-c h3, .es-m-txt-c h4, .es-m-txt-c h5, .es-m-txt-c h6 { text-align:center!important } .es-m-txt-r, .es-m-txt-r h1, .es-m-txt-r h2, .es-m-txt-r h3, .es-m-txt-r h4, .es-m-txt-r h5, .es-m-txt-r h6 { text-align:right!important } .es-m-txt-j, .es-m-txt-j h1, .es-m-txt-j h2, .es-m-txt-j h3, .es-m-txt-j h4, .es-m-txt-j h5, .es-m-txt-j h6 { text-align:justify!important } .es-m-txt-l, .es-m-txt-l h1, .es-m-txt-l h2, .es-m-txt-l h3, .es-m-txt-l h4, .es-m-txt-l h5, .es-m-txt-l h6 { text-align:left!important } .es-m-txt-r img, .es-m-txt-c img, .es-m-txt-l img { display:inline!important } .es-m-txt-r .rollover:hover .rollover-second, .es-m-txt-c .rollover:hover .rollover-second, .es-m-txt-l .rollover:hover .rollover-second { display:inline!important } .es-m-txt-r .rollover span, .es-m-txt-c .rollover span, .es-m-txt-l .rollover span { line-height:0!important; font-size:0!important; display:block } .es-spacer { display:inline-table } a.es-button, button.es-button { font-size:14px!important; padding:10px 20px 10px 20px!important; line-height:120%!important } a.es-button, button.es-button, .es-button-border { display:inline-block!important } .es-m-fw, .es-m-fw.es-fw, .es-m-fw .es-button { display:block!important } .es-m-il, .es-m-il .es-button, .es-social, .es-social td, .es-menu { display:inline-block!important } .es-adaptive table, .es-left, .es-right { width:100%!important } .es-content table, .es-header table, .es-footer table, .es-content, .es-footer, .es-header { width:100%!important; max-width:600px!important } .adapt-img { width:100%!important; height:auto!important } .es-mobile-hidden, .es-hidden { display:none!important } .es-desk-hidden { width:auto!important; overflow:visible!important; float:none!important; max-height:inherit!important; line-height:inherit!important } tr.es-desk-hidden { display:table-row!important } table.es-desk-hidden { display:table!important } td.es-desk-menu-hidden { display:table-cell!important } .es-menu td { width:1%!important } table.es-table-not-adapt, .esd-block-html table { width:auto!important } .h-auto { height:auto!important } .es-desk-menu-hidden { display:table-cell!important } .es-text-6869 .es-text-mobile-size-14.es-override-size, .es-text-6869 .es-text-mobile-size-14.es-override-size * { font-size:14px!important; line-height:150%!important } .es-text-6941 .es-text-mobile-size-14.es-override-size, .es-text-6941 .es-text-mobile-size-14.es-override-size * { font-size:14px!important; line-height:150%!important } .es-text-9053 .es-text-mobile-size-14.es-override-size, .es-text-9053 .es-text-mobile-size-14.es-override-size * { font-size:14px!important; line-height:150%!important } .es-text-9535 .es-text-mobile-size-14.es-override-size, .es-text-9535 .es-text-mobile-size-14.es-override-size * { font-size:14px!important; line-height:150%!important } }
@media screen and (max-width:384px) {.mail-message-content { width:414px!important } }
@font-face {
font-family: 'Lato';
src: url('https://cdnjs.cloudflare.com/ajax/libs/ ... ormal.woff') format('woff');
}
* { font-family:'Lato', sans-serif !important;}
body, p, span, td { font-family:'Lato', s a n s - s e r i f ! i m p o r t a n t ; } < b r / > & l t ; / s t y l e & g t ; < b r / > & l t ; / h e a d & g t ; < b r / > & l t ; b o d y c l a s s = " b o d y " s t y l e = " w i d t h : 1 0 0 % ; h e i g h t : 1 0 0 % ; - w e b k i t - t e x t - s i z e - a d j u s t : 1 0 0 % ; - m s - t e x t - s i z e - a d j u s t : 1 0 0 % ; p a d d i n g : 0 ; M a r g i n : 0 " & g t ; < b r / > & l t ; d i v d i r = " l t r " c l a s s = " e s - w r a p p e r - c o l o r " l a n g = " u n d " s t y l e = " b a c k g r o u n d - c o l o r : # F 6 F 6 F 6 " & g t ; & l t ; ! - - [ i f g t e m s o 9 ] & g t ; < b r / > & l t ; v : b a c k g r o u n d x m l n s : v = " u r n : s c h e m a s - m i c r o s o f t - c o m : v m l " f i l l = " t " & g t ; < b r / > & l t ; v : f i l l t y p e = " t i l e " c o l o r = " # f 6 f 6 f 6 " & g t ; & l t ; / v : f i l l & g t ; < b r / > & l t ; / v : b a c k g r o u n d & g t ; < b r / > & l t ; ! [ e n d i f ] - - & g t ; < b r / > & l t ; t a b l e w i d t h = " 1 0 0 % " c e l l s p a c i n g = " 0 " c e l l p a d d i n g = " 0 " c l a s s = " e s - w r a p p e r " r o l e = " n o n e " s t y l e = " m s o - t a b l e - l s p a c e : 0 p t ; m s o - t a b l e - r s p a c e : 0 p t ; b o r d e r - c o l l a p s e : c o l l a p s e ; b o r d e r - s p a c i n g : 0 p x ; p a d d i n g : 0 ; M a r g i n : 0 ; w i d t h : 1 0 0 % ; h e i g h t : 1 0 0 % ; b a c k g r o u n d - r e p e a t : r e p e a t ; b a c k g r o u n d - p o s i t i o n : c e n t e r t o p ; b a c k g r o u n d - c o l o r : # F 6 F 6 F 6 " & g t ; < b r / > & l t ; t b o d y & g t ; & l t ; t r s t y l e = " b o r d e r - c o l l a p s e : c o l l a p s e " & g t ; < b r / > & l t ; t d v a l i g n = " t o p " s t y l e = " p a d d i n g : 0 ; M a r g i n : 0 " & g t ; & l t ; t a b l e c e l l s p a c i n g = " 0 " c e l l p a d d i n g = " 0 " a l i g n = " c e n t e r " c l a s s = " e s - h e a d e r " r o l e = " n o n e " s t y l e = " m s o - t a b l e - l s p a c e : 0 p t ; m s o - t a b l e - r s p a c e : 0 p t ; b o r d e r - c o l l a p s e : c o l l a p s e ; b o r d e r - s p a c i n g : 0 p x ; w i d t h : 1 0 0 % ; t a b l e - l a y o u t : f i x e d ! i m p o r t a n t ; b a c k g r o u n d - c o l o r : t r a n s p a r e n t ; b a c k g r o u n d - r e p e a t : r e p e a t ; b a c k g r o u n d - p o s i t i o n : c e n t e r t o p " & g t ; < b r / > & l t ; t b o d y & g t ; & l t ; t r s t y l e = " b o r d e r - c o l l a p s e : c o l l a p s e " & g t ; < b r / > & l t ; t d a l i g n = " c e n t e r " s t y l e = " p a d d i n g : 0 ; M a r g i n : 0 " & g t ; < b r / > & l t ; t a b l e a l i g n = " c e n t e r " c e l l s p a c i n g = " 0 " c e l l p a d d i n g = " 0 " b g c o l o r = " # f f f f f f " c l a s s = " e s - h e a d e r - b o d y " r o l e = " n o n e " s t y l e = " m s o - t a b l e - l s p a c e : 0 p t ; m s o - t a b l e - r s p a c e : 0 p t ; b o r d e r - c o l l a p s e : c o l l a p s e ; b o r d e r - s p a c i n g : 0 p x ; b a c k g r o u n d - c o l o r : # F F F F F F ; w i d t h : 6 0 0 p x " & g t ; < b r / > & l t ; / t a b l e & g t ; & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; / t b o d y & g t ; & l t ; / t a b l e & g t ; < b r / > & l t ; t a b l e c e l l s p a c i n g = " 0 " c e l l p a d d i n g = " 0 " a l i g n = " c e n t e r " c l a s s = " e s - c o n t e n t " r o l e = " n o n e " s t y l e = " m s o - t a b l e - l s p a c e : 0 p t ; m s o - t a b l e - r s p a c e : 0 p t ; b o r d e r - c o l l a p s e : c o l l a p s e ; b o r d e r - s p a c i n g : 0 p x ; w i d t h : 1 0 0 % ; t a b l e - l a y o u t : f i x e d ! i m p o r t a n t " & g t ; < b r / > & l t ; t b o d y & g t ; & l t ; t r s t y l e = " b o r d e r - c o l l a p s e : c o l l a p s e " & g t ; < b r / > & l t ; t d a l i g n = " c e n t e r " s t y l e = " p a d d i n g : 0 ; M a r g i n : 0 " & g t ; < b r / > & l t ; t a b l e a l i g n = " c e n t e r " c e l l s p a c i n g = " 0 " c e l l p a d d i n g = " 0 " b g c o l o r = " # f f f f f f " c l a s s = " e s - c o n t e n t - b o d y " r o l e = " n o n e " s t y l e = " m s o - t a b l e - l s p a c e : 0 p t ; m s o - t a b l e - r s p a c e : 0 p t ; b o r d e r - c o l l a p s e : c o l l a p s e ; b o r d e r - s p a c i n g : 0 p x ; b a c k g r o u n d - c o l o r : # F F F F F F ; w i d t h : 6 0 0 p x " & g t ; < b r / > & l t ; t b o d y & g t ; & l t ; t r s t y l e = " b o r d e r - c o l l a p s e : c o l l a p s e " & g t ; < b r / > & l t ; t d a l i g n = " l e f t " s t y l e = " M a r g i n : 0 ; p a d d i n g - r i g h t : 2 0 p x ; p a d d i n g - l e f t : 2 0 p x ; p a d d i n g - t o p : 1 5 p x ; p a d d i n g - b o t t o m : 5 p x " & g t ; < b r / > & l t ; t a b l e c e l l p a d d i n g = " 0 " w i d t h = " 1 0 0 % " c e l l s p a c i n g = " 0 " r o l e = " n o n e " s t y l e = " m s o - t a b l e - l s p a c e : 0 p t ; m s o - t a b l e - r s p a c e : 0 p t ; b o r d e r - c o l l a p s e : c o l l a p s e ; b o r d e r - s p a c i n g : 0 p x " & g t ; < b r / > & l t ; t b o d y & g t ; & l t ; t r s t y l e = " b o r d e r - c o l l a p s e : c o l l a p s e " & g t ; < b r / > & l t ; t d v a l i g n = " t o p " a l i g n = " c e n t e r " s t y l e = " p a d d i n g : 0 ; M a r g i n : 0 ; w i d t h : 5 6 0 p x " & g t ; < b r / > & l t ; t a b l e w i d t h = " 1 0 0 % " c e l l s p a c i n g = " 0 " c e l l p a d d i n g = " 0 " r o l e = " p r e s e n t a t i o n " s t y l e = " m s o - t a b l e - l s p a c e : 0 p t ; m s o - t a b l e - r s p a c e : 0 p t ; b o r d e r - c o l l a p s e : c o l l a p s e ; b o r d e r - s p a c i n g : 0 p x " & g t ; < b r / > & l t ; t b o d y & g t ; & l t ; t r s t y l e = " b o r d e r - c o l l a p s e : c o l l a p s e " & g t ; < b r / > & l t ; t d a l i g n = " l e f t " c l a s s = " e s - t e x t - 6 9 4 1 " s t y l e = " p a d d i n g : 0 ; M a r g i n : 0 " & g t ; & l t ; p c l a s s = " e s - t e x t - m o b i l e - s i z e - 1 4 e s - o v e r r i d e - s i z e " s t y l e = " M a r g i n : 0 ; m s o - l i n e - h e i g h t - r u l e : e x a c t l y ; l i n e - h e i g h t : 2 7 p x ; l e t t e r - s p a c i n g : 0 ; c o l o r : # 3 3 3 3 3 3 ; f o n t - s i z e : 1 8 p x " & g t ; H e l l o & l t ; s t r o n g & g t ; & l t ; s p a n t h : t e x t = " $ { i n d . n a m a _ n a s a b a h } " & g t ; & l t ; / s p a n & g t ; & l t ; / s t r o n g & g t ; , & l t ; / p & g t ; & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; / t b o d y & g t ; & l t ; / t a b l e & g t ; & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; / t b o d y & g t ; & l t ; / t a b l e & g t ; & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r s t y l e = " b o r d e r - c o l l a p s e : c o l l a p s e " & g t ; < b r / > & l t ; t d a l i g n = " l e f t " s t y l e = " M a r g i n : 0 ; p a d d i n g - r i g h t : 2 0 p x ; p a d d i n g - b o t t o m : 1 0 p x ; p a d d i n g - l e f t : 2 0 p x ; p a d d i n g - t o p : 1 0 p x " & g t ; < b r / > & l t ; t a b l e c e l l p a d d i n g = " 0 " c e l l s p a c i n g = " 0 " w i d t h = " 1 0 0 % " r o l e = " n o n e " s t y l e = " m s o - t a b l e - l s p a c e : 0 p t ; m s o - t a b l e - r s p a c e : 0 p t ; b o r d e r - c o l l a p s e : c o l l a p s e ; b o r d e r - s p a c i n g : 0 p x " & g t ; < b r / > & l t ; t b o d y & g t ; & l t ; t r s t y l e = " b o r d e r - c o l l a p s e : c o l l a p s e " & g t ; < b r / > & l t ; t d a l i g n = " c e n t e r " v a l i g n = " t o p " s t y l e = " p a d d i n g : 0 ; M a r g i n : 0 ; w i d t h : 5 6 0 p x " & g t ; < b r / > & l t ; t a b l e c e l l p a d d i n g = " 0 " c e l l s p a c i n g = " 0 " w i d t h = " 1 0 0 % " r o l e = " p r e s e n t a t i o n " s t y l e = " m s o - t a b l e - l s p a c e : 0 p t ; m s o - t a b l e - r s p a c e : 0 p t ; b o r d e r - c o l l a p s e : c o l l a p s e ; b o r d e r - s p a c i n g : 0 p x " & g t ; < b r / > & l t ; t b o d y & g t ; & l t ; t r s t y l e = " b o r d e r - c o l l a p s e : c o l l a p s e " & g t ; < b r / > & l t ; t d a l i g n = " l e f t " c l a s s = " e s - t e x t - 9 0 5 3 " s t y l e = " p a d d i n g : 0 ; M a r g i n : 0 " & g t ; & l t ; p c l a s s = " e s - t e x t - m o b i l e - s i z e - 1 4 e s - o v e r r i d e - s i z e " s t y l e = " M a r g i n : 0 ; m s o - l i n e - h e i g h t - r u l e : e x a c t l y ; l i n e - h e i g h t : 2 7 p x ; l e t t e r - s p a c i n g : 0 ; c o l o r : # 3 3 3 3 3 3 ; f o n t - s i z e : 1 8 p x " & g t ; < b r / > W e w o u l d l i k e t o i n f o r m y o u a b o u t y o u r t r a n s a c t i o n : & l t ; / p & g t ; & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; / t b o d y & g t ; & l t ; / t a b l e & g t ; & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; / t b o d y & g t ; & l t ; / t a b l e & g t ; & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r s t y l e = " b o r d e r - c o l l a p s e : c o l l a p s e " & g t ; < b r / > & l t ; t d a l i g n = " l e f t " s t y l e = " M a r g i n : 0 ; p a d d i n g - r i g h t : 2 0 p x ; p a d d i n g - b o t t o m : 1 0 p x ; p a d d i n g - l e f t : 2 0 p x ; p a d d i n g - t o p : 5 p x " & g t ; < b r / > & l t ; t a b l e c e l l p a d d i n g = " 0 " c e l l s p a c i n g = " 0 " w i d t h = " 1 0 0 % " r o l e = " n o n e " s t y l e = " m s o - t a b l e - l s p a c e : 0 p t ; m s o - t a b l e - r s p a c e : 0 p t ; b o r d e r - c o l l a p s e : c o l l a p s e ; b o r d e r - s p a c i n g : 0 p x " & g t ; < b r / > & l t ; t b o d y & g t ; & l t ; t r s t y l e = " b o r d e r - c o l l a p s e : c o l l a p s e " & g t ; < b r / > & l t ; t d a l i g n = " c e n t e r " v a l i g n = " t o p " s t y l e = " p a d d i n g : 0 ; M a r g i n : 0 ; w i d t h : 5 6 0 p x " & g t ; < b r / > & l t ; t a b l e c e l l p a d d i n g = " 0 " c e l l s p a c i n g = " 0 " w i d t h = " 1 0 0 % " r o l e = " p r e s e n t a t i o n " s t y l e = " m s o - t a b l e - l s p a c e : 0 p t ; m s o - t a b l e - r s p a c e : 0 p t ; b o r d e r - c o l l a p s e : c o l l a p s e ; b o r d e r - s p a c i n g : 0 p x " & g t ; < b r / > & l t ; t b o d y & g t ; & l t ; t r s t y l e = " b o r d e r - c o l l a p s e : c o l l a p s e " & g t ; < b r / > & l t ; t d a l i g n = " l e f t " c l a s s = " e s - t e x t - 6 8 6 9 " s t y l e = " p a d d i n g : 0 ; M a r g i n : 0 " & g t ; < b r / > & l t ; t a b l e c e l l s p a c i n g = " 0 " c e l l p a d d i n g = " 2 0 " c l a s s = " e s - t a b l e c k e _ s h o w _ b o r d e r e s - t e x t - m o b i l e - s i z e - 1 4 e s - o v e r r i d e - s i z e " s t y l e = " m s o - t a b l e - l s p a c e : 0 p t ; m s o - t a b l e - r s p a c e : 0 p t ; b o r d e r - c o l l a p s e : c o l l a p s e ; b o r d e r - s p a c i n g : 0 p x ; w i d t h : 5 0 0 p x " r o l e = " p r e s e n t a t i o n " & g t ; < b r / > & l t ; t b o d y & g t ; & l t ; t r s t y l e = " b o r d e r - c o l l a p s e : c o l l a p s e " & g t ; < b r / > & l t ; t d s t y l e = " p a d d i n g : 0 ; M a r g i n : 0 ; c o l o r : # 3 3 3 3 3 3 ; f o n t - s i z e : 1 8 p x ; l i n e - h e i g h t : 3 6 p x " & g t ; R e f e r e n c e N u m b e r & l t ; / t d & g t ; < b r / > & l t ; t d s t y l e = " p a d d i n g : 0 ; M a r g i n : 0 ; c o l o r : # 3 3 3 3 3 3 ; f o n t - s i z e : 1 8 p x ; l i n e - h e i g h t : 3 6 p x " & g t ; : & a m p ; n b s p ; & l t ; / t d & g t ; < b r / > & l t ; t d s t y l e = " p a d d i n g : 0 ; M a r g i n : 0 ; f o n t - s i z e : 1 8 p x ; l i n e - h e i g h t : 3 6 p x ; c o l o r : # 3 3 3 3 3 3 " & g t ; & l t ; s p a n t h : t e x t = " $ { i n d . r e f _ n u m b e r } " & g t ; & l t ; / s p a n & g t ; & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; t r s t y l e = " b o r d e r - c o l l a p s e : c o l l a p s e " & g t ; < b r / > & l t ; t d s t y l e = " p a d d i n g : 0 ; M a r g i n : 0 ; c o l o r : # 3 3 3 3 3 3 ; f o n t - s i z e : 1 8 p x ; l i n e - h e i g h t : 3 6 p x " & g t ;Request Date
: 



Approval Date
: 




Status
: 































This notification is automatically sent by the system. Please do not reply to this email.





















< /code>
< /div>
< /div>
< /p>
Более важнее, что вы неожиданно появляются в коммерческих лицензированных шрифтах, такими как Helvetica neue и Arial, которые не являются бесплатными для коммерческого использования. шрифты?>

Подробнее здесь: https://stackoverflow.com/questions/795 ... ten-on-tem