{{Front}}

<hr id=answer>
<div class=mystyle1>{{transcription}}</div>
--.card {
font-family: arial;
font-size: 20px;
text-align: center;
color: black;
background-color: white ;
}
@font-face { font-family: myfont; src: url('_lsansuni.ttf'); }
.mystyle1 {
font-family: Lingoes Unicode;
font-size: 16px;
color: green;
}
.mystyle2 {
font-family: Lingoes Unicode;
font-size: 16px;
color: blue;
}
.backstyle {
font-family: arial;
font-size: 18px;
color: black;
}
---<div class=backstyle>{{Back}}</div>
<hr id=answer>
<div class=mystyle2>{{example}}</div>
--<div class=backstyle>{{Back}}</div>
----.card {
font-family: arial;
font-size: 20px;
text-align: center;
color: black;
background-color: white ;
}
@font-face { font-family: myfont; src: url('_lsansuni.ttf'); }
.mystyle1 {
font-family: Lingoes Unicode;
font-size: 16px;
color: green;
}
.mystyle2 {
font-family: Lingoes Unicode;
font-size: 16px;
color: blue;
}
.backstyle {
font-family: arial;
font-size: 18px;
color: black;
}
--------------

{{Front}}
<hr id=answer>
<div class=mystyle1>{{transcription}}</div>
<hr id=answer>
<div class=mystyle2>{{example}}</div>